Проблема с выпадающим меню шестеренки редактора в мобильном виде

Установленная версия:

Проблема:

Я включил безопасный режим в мобильном представлении. При ответе на сообщение в редакторе в конце появляется кнопка с шестерёнкой. При нажатии на неё блок d-editor-button-bar начинает прокручиваться по вертикали вместо того, чтобы отображать выпадающее меню с дополнительными опциями.


image

Я предполагаю, что должно появляться выпадающее меню? Я сталкиваюсь с той же проблемой и на meta.

2 лайка

edit: Я могу воспроизвести это в Chrome 103 на Android на Meta. Вероятно, это относительно новая проблема, так как я не вижу её в версии 2.9.0.beta6 ( 09f1ef6b05 ).

2 лайка

Я просто проверял себя. :slightly_smiling_face: Я могу воспроизвести это на Android/Chrome:

2 лайка

Я могу воспроизвести это на рабочем столе также с нештатной учетной записью. На рабочем столе для меня это работает с учетными записями администратора и модератора.

На мобильном устройстве, похоже, безопасный режим не требуется для воспроизведения этой проблемы.

3 лайка

Положение меню различается на настольных устройствах (position: fixed) и на мобильных (position: absolute), поэтому благодаря :mage: CSS-магии :sparkles: свойство overflow-x: auto; контейнера .d-editor-button-bar скрывало меню на мобильных устройствах, но не оказывало никакого эффекта на настольных.

Свойство overflow-x: auto; решает эту проблему на настольных устройствах:

Screen Shot 2022-07-18 at 8.46.39 PM

Я только что добавил исправление, которое снова отображает меню на мобильных устройствах, удалив overflow-x: auto;.

Нам нужно будет решить, можно ли изменить позиционирование или сделать что-то ещё, чтобы устранить проблему переполнения панели инструментов на мобильных устройствах.

5 лайков