События указателя CSS - принять перетаскивание, отклонить клик

TL;DR; Мне нужен элемент для регистрации событий перетаскивания указателей, но передавайте клики и другие события указателя на элементы за ним.

Я создаю функцию перетаскивания фотографий с перетаскиванием, используя react-dropzone. Я хочу, чтобы dropzone был на всей странице, поэтому, если вы перетащите файл на любую часть страницы, вы можете загрузить его, чтобы загрузить изображение. dropzone прозрачен, когда файл не перетаскивается поверх него, поэтому мне нужны клики для регистрации с элементами за ним.

Чтобы выполнить это, я дал компоненту dropzone следующий стиль:

position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;

Однако pointer-events: none; заставляет dropzone не распознавать необходимые события перетаскивания. Есть ли способ распознать эти конкретные события указателя, передавая другим (например, щелчок) элементам за dropzone?

Ответ 1

Недавно у меня была аналогичная проблема, и мне удалось ее решить, установив z-index для dropzone на 1, установив z-index для say-элементов на 2 с относительным положением.

Ответ 2

Попробуйте использовать draggable. У меня сработало

<p draggable="true">
  jkjfj
</p>