React-DnD - перетаскивание элемента в верхнюю часть экрана при наличии фиксированного элемента сверху не прокручивает страницу вверх

Question

У меня есть панель инструментов с несколькими элементами DnD и фиксированной панелью приложений сверху. Я обнаружил, что если вы перетаскиваете элемент в верхнюю часть страницы (когда вы уже немного прокрутили страницу), он не прокручивается вверх, но если вы удаляете атрибут position: fixed из AppBar, он делает , Таким образом, исправленный AppBar «блокирует» HTML5 при прокрутке страницы.
Я уже проверил, и это не проблема z-index. Это связано с атрибутом position: fixed, поэтому с CSS стековым контекстом
я использую реагировать-dnd и MaterialUi.
Кто-нибудь сталкивался с чем-то подобным раньше?
Редактировать:
Я пробовал как response-dnd-scrollzone, так и коллектив frontend fork . Оба больше не поддерживаются, и ни один из них не сработал, когда я понизил свою версию response-dnd.
Кстати, я использую реагирующую версию 10.0.2.

Answer 1

Эта проблема также возникала, похоже, это проблема контекста стека, но я не могу найти решение CSS.

response-dnd-scrollzone, возможно, работало, чтобы решить эту проблему, но Коллектив frontend больше не поддерживается, разветвляется на и обновил его, чтобы поддерживать response-dnd 7. Однако я не проверял это и вместо этого предпочел реализовать эту функцию с нуля.