The theme details modal has scrolling and toolbar problems on iPhone 6 and 6+

[ryan]

Visit themes.php on an iPhone 6 or 6+. Tap a theme to bring up the details modal. Note that the modal's nav buttons are beneath the toolbar. Scrolling is very awkward, and the toolbar detaches from the top and follows your finger. This screen is very difficult to use.

[ryan]

Modal nav controls hidden beneath toolbar

[ryan]

Toolbar detaches when scrolling

[ryan]

Related chat:

​https://wordpress.slack.com/archives/core-flow/p1424285007001408

[obenland]

z-indexes should die in a fire.

Bug introduced in r30764.

[obenland]

This might be a candidate for 4.1.2 as well, since it fixes a bug introduced in 4.1.

[ryan]

Much better. I tested on Nexus 5, iPhone 5, and iPhone 6+. No problems on the Nexus 5. The iPhones are good except for slight detachment of the bottom button bar when scrolling. The bottom bar detaches slightly and the underlying page bleeds through. The toolbar no longer detaches or obscures modal nav.

[obenland]

Replying to ryan:

The iPhones are good except for slight detachment of the bottom button bar when scrolling. The bottom bar detaches slightly and the underlying page bleeds through. The toolbar no longer detaches or obscures modal nav.

Yes, this seems to happen whenever Safari shows or hides the bottom and top toolbars on scrolling. Specifically with themes that don't have a lot of information attached, like a short description, few tags, that doesn't let the user scroll much. Not sure how to avoid that.

[obenland]

Updated patch also brings back momentum scrolling on iOS devices.

[ryan]

31381.1.diff looks good here. Pretty smooth. I did a visual survey of the modal on multiple devices while testing the patch.

​https://make.wordpress.org/flow/2015/03/02/theme-details-modal-survey/

[lancewillett]

Patch looks good.

[helen]

#31542 was marked as a duplicate.

[ocean90]

In 31702:

Theme Details: Hide admin toolbar on smaller screens.

props obenland.
fixes #31381.