Steps to Reproduce

1. On a mobile device in normal portrait orientation, visit a site with a large menu at: Appearance > Customize > Menus > [Menu].
2. Try to consistently scroll down the panel to the "Reorder" button without inadvertently rearranging the menu items.

What I expected to happen

I expected to not affect existing menu item ordering when tapping/swiping to scroll in the Customizer panel on a mobile device.

What actually happened

Unless using a fine stylus, the edge of a digit, or aggressively "flicking" the screen via a tap/swipe above the item list, any tap/swipe will rearrange the menu order.

I'd like to suggest the following to help improve this experience:

1. Add a "Reorder" text link at the top of the panel, to the right of the Menu Name field label. Or,
2. Increase the space between the left of the panel and the menu items inside it to improve usability.

Context

4255323-zen

Operating System

Android, iOS

OS Version

No response

Browser

Chrome/Chromium, Firefox, Microsoft Edge, Microsoft Edge (legacy), Safari

Browser Version(s)

All

Is this specific to applied theme? If so, what is the theme name?

No

Simple/Atomic

Simple, Atomic

Console and/or error logs

No response

Number of Users Impacted

All users

Available Workarounds

• Ask users to request desktop site.
• Ask users to aggressively "flick" to the bottom of the Customizer panel to avoid tapping menu items.

Reproducibility

Consistent

Other information

No response