Steps to reproduce:
- Go to a Wikipedia page with a block image
- Tap on an image
Expected:
- The image focuses (see highlight and toolbar)
Actual:
- The image doesn't focus; instead the cursor moves to the nearest position in the text
Description
Description
Details
Details
| Project | Branch | Lines +/- | Subject | |
|---|---|---|---|---|
| mediawiki/skins/MinervaNeue | master | +0 -6 | Remove webkit-transform hack to fix stacking |
Event Timeline
Comment Actions
It looks a CSS * rule added for iOS, which results in changing the stacking order, and puts the adjacent paragraph on top of the image.
It was introduced 4 years ago in https://gerrit.wikimedia.org/r/#/c/mediawiki/extensions/MobileFrontend/+/148888/4/less/common/Overlay.less
It looks like disabling this rule doesn't have an adverse effect, so either it wasn't necessary, or only affects old versions of iOS.
CC'ing @Volker_E @Jdlrobson if they have any opinions on these hardware scrolling CSS hacks?
Comment Actions
Change 455822 had a related patch set uploaded (by Esanders; owner: Esanders):
[mediawiki/skins/MinervaNeue@master] Remove webkit-transform hack to fix stacking
Comment Actions
I'd hope that hack is no longer needed and is badly documented. This change will only impact VisualEditor, you it might be useful organising some QA with real (and old iOS) devices to get a sense of the impact on scrolling and if it still is a problem.
Comment Actions
Change 455822 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Remove webkit-transform hack to fix stacking
Comment Actions
Note: This needs to be verified in production as well (which is still a week away!). Keeping this in QA column for now.