[wp-trac] [WordPress Trac] #29909: Scrolling beneath modals bad experience on mobile

[WordPress Trac]

#29909: Scrolling beneath modals bad experience on mobile
------------------------------------------+------------------
 Reporter:  obenland                      |       Owner:
     Type:  defect (bug)                  |      Status:  new
 Priority:  normal                        |   Milestone:  4.1
Component:  General                       |     Version:
 Severity:  normal                        |  Resolution:
 Keywords:  flow has-patch needs-testing  |     Focuses:
------------------------------------------+------------------
Changes (by avryl):

 * keywords:  flow => flow has-patch needs-testing
 * component:  Editor => General
 * milestone:  Awaiting Review => 4.1


Comment:

 Found something. :) In wp-admin, we can set `overflow: hidden;` on
 `#wpwrap` for mobile. Tested in iOS 8 and it works well. It's less ideal
 than setting it on the body, but it does the job.

 So the problem is that, at least in iOS, `overflow: hidden;` does not work
 on the html and body tags. Unfortunately, `position: fixed;` doesn't work
 for anything when the keyboard is open.

 Please test. :)

 We should add the `modal-open` class for all other modals.
 Also note that the `modal-open` class only has rules for the admin, not
 the front-end. It might be better to move these rules to the admin bar
 style sheet.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/29909#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform