Opened 9 years ago
Last modified 8 years ago
#35130 accepted defect (bug)
.wp-full-overlay-main prevents touch scrolling in theme preview iframe in iOS Safari
| Reported by: |
|
Owned by: |
|
|---|---|---|---|
| Milestone: | Future Release | Priority: | normal |
| Severity: | normal | Version: | 4.4 |
| Component: | Themes | Keywords: | has-patch |
| Focuses: | ui, administration | Cc: |
Description
This appears related to https://core.trac.wordpress.org/ticket/20805 closed 4 years ago.
In iOS 9 (latest) on an iPhone 6+ in Safari (latest) the theme previewer within the theme installer doesn't allow touch scrolling within the iframe.
This bug persists in Xcode Simulator and on iPad 2 and iPhone 6s running latest iOS and Safari.
This issue does not appear in the installed theme previewer, as far as I can tell.
Fix:
Within theme-install.php, on line 279, when I apply styles -webkit-overflow-scrolling: touch;overflow-y: scroll; to .wp-full-overlay-main it resolves the issue.
Attachments (1)
Change History (4)
Note: See
TracTickets for help on using
tickets.
This seems to be an issue in both the theme install preview in core and the preview in the theme directory.
@anthonydpaul's patch works advertised, I just wonder if the
overflow-y: scroll;rule will display scrollbars by default on non-Macs. Can someone with a Linux or Windows test that patch and see?This might just be a compromise we'll have to accept to make it accessible to iOS devices.