Opened 10 years ago
Closed 9 months ago
#35130 closed defect (bug) (worksforme)
.wp-full-overlay-main prevents touch scrolling in theme preview iframe in iOS Safari
| Reported by: |
|
Owned by: |
|
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Severity: | normal | Version: | 4.4 |
| Component: | Themes | Keywords: | |
| Focuses: | 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 (5)
#1
@
10 years ago
- Keywords has-patch added
- Milestone changed from Awaiting Review to 4.5
- Owner set to obenland
- Status changed from new to accepted
#4
@
9 months ago
- Focuses ui administration removed
- Keywords has-patch removed
- Milestone Future Release deleted
- Resolution set to worksforme
- Status changed from accepted to closed
@anthonydpaul Welcome to Trac, thanks for reporting your first issue :)
I've just tested using the currently nightly and can confirm this is nolonger an issue on the current version if WP and iOS.
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.