Mobile view editor cog dropdown issue

Version Installed:

image

Issue:

I entered safe mode on mobile view. While replying to a post, the editor has the cog option at the end. When I tap it, the d-editor-button-bar becomes vertically scrollable instead of displaying a dropdown of the extra options.

image
image

I’m assuming a dropdown box should appear? I’m getting this same issue on meta too.

2 Likes

edit: I can reproduce with chrome 103 on android on meta
it’s probably fairly new, I don’t see it on 2.9.0.beta6 ( 09f1ef6b05 )

2 Likes

I was just checking myself. :slightly_smiling_face: I can replicate on Android/Chrome:

2 Likes

I can reproduce on desktop too with non staff account. On desktop it works for me with admin and moderator account.

On mobile it seems to the safe mode not required to repro this issue.

3 Likes

The menu is positioned differently on desktop (position: fixed) vs mobile (position: absolute) so because of :mage: CSS magic :sparkles: the overflow-x: auto; on the .d-editor-button-bar container was hiding the menu on mobile but has no effect on desktop.

That overflow-x: auto; property fixes this issue on desktop:

Screen Shot 2022-07-18 at 8.46.39 PM

I just added a fix that shows the menu again on mobile by removing overflow-x: auto;

We’ll have to figure out if we can change positioning or do something else to solve the toolbar overflow issue on mobile.

5 Likes