Customizer child menus incorrectly resize the site to an incorrect minimum-width

[kwonye]

On Chrome for Android, creating a child menu in the Customizer expands the width of the page to a min-width: 950px, !important (at least on my device)

Repro steps:

1) Go to dashboard > Themes >Customize.
2) Go to Menus > click 'Add a Menu' > Create Menu
3) Add Items (at least two) and back out
4) Drag one of the items to the right to be a child menu.
5) Screen resizes

[adamsilverstein]

Hello @kwonye, thanks for the bug report!

Can you give some more details about your device, what is the specific model/version? Also, if possible please add a screenshot showing what you see when this issue occurs.

Thanks!

[lukecavanagh]

Could this not be fixed by being able to resize the customizer pane?

[kwonye]

@adamsilverstein

Happened on two devices:

Device: Samsung Galaxy S6 Edge+
Android version: 5.1.1

Device: Nexus 6P
Android version: 6.0.1

(also, images attached)

[adamsilverstein]

In 36884.diff​ :

Ensure body min width not applied when editing menus in customize; fixes an issue where screen resized to an oversize state on mobile devices when adding sub-menus.

[adamsilverstein]

Screencasts:

Before:

After:

[adamsilverstein]

@kwonye thanks again for raising this issue; the patch I attached fixes it, can you give it a test? Pretty sure this issue has existed since we introduced menus in the customizer in WordPress 4.4.

[kwonye]

Replying to adamsilverstein:

@kwonye thanks again for raising this issue; the patch I attached fixes it, can you give it a test? Pretty sure this issue has existed since we introduced menus in the customizer in WordPress 4.4.

Fix looks great, thanks @adamsilverstein!

[adamsilverstein]

Thanks for confirming @kwonye - I'm going to-test this to see if its still and iss and if the fix still works.

[adamsilverstein]

Confirmed the issue still exists and the patch still fixes it. refreshed against trunk in 36884.2.diff​.

[adamsilverstein]

In 42817:

Customizer menus: correct oversized viewport after dragging menu items.

Fix an issue where the screen viewport resized to an oversized state on mobile devices after moving sub-menus.

Props kwonye.
Fixes #36884.

[adamsilverstein]

Reopening for 4.9.5 consideration.

[audrasjb]

Hello,

This ticket was mentioned during 4.9.5 bug scrub.
I tested the patch and it seems ready to land in 4.9.5.

[ocean90]

In 42850:

Customizer menus: correct oversized viewport after dragging menu items.

Fix an issue where the screen viewport resized to an oversized state on mobile devices after moving sub-menus.

Merge of [42817] to the 4.9 branch.

Props adamsilverstein, kwonye.
Fixes #36884.