Исправлен элемент в Material UI SwipeableDrawer, который менял положение на мобильном устройстве при прокрутке. ⇐ CSS

[Anonymous]

Я использую компонент SwipeableDrawer Material UI, чтобы создать нижний ящик с контейнером кнопок с фиксированным действием. Контейнер позиционируется с положением: фиксированный; внизу: 0;. Это хорошо работает в настольных браузерах, но я столкнулся с проблемой на мобильных устройствах.
Когда содержимое внутри SwipeableDrawer достаточно длинное для прокрутки, я прокручиваю его вниз и пытаюсь для дальнейшей прокрутки фиксированный элемент (контейнер кнопки действия) меняет положение и больше не выравнивается по нижнему краю.

Код: Выделить всё

{/* long content */}

Cancel
Submit

Вот пример кода
и демонстрационное видео
Я пробовал использовать позицию: липкий, но это не помогает отвечает другим моим требованиям, поэтому я не рассматриваю возможность использования липкого сообщения.
Буду очень признателен за любые идеи или решения. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/784 ... -when-scro