Summary: | REGRESSION (r281913): Map toolbar flickers when dragging the map on https://gis.ee/ | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Simon Fraser (smfr) <simon.fraser> | ||||||||||
Component: | Compositing | Assignee: | Simon Fraser (smfr) <simon.fraser> | ||||||||||
Status: | RESOLVED FIXED | ||||||||||||
Severity: | Normal | CC: | changseok, esprehn+autocc, ews-watchlist, fred.wang, glenn, kondapallykalyan, pdr, rbuis, simon.fraser, webkit-bug-importer, webkit, zalan | ||||||||||
Priority: | P2 | Keywords: | InRadar | ||||||||||
Version: | Safari Technology Preview | ||||||||||||
Hardware: | Unspecified | ||||||||||||
OS: | Unspecified | ||||||||||||
See Also: |
https://bugs.webkit.org/show_bug.cgi?id=217154 https://bugs.webkit.org/show_bug.cgi?id=262107 |
||||||||||||
Attachments: |
|
Description
Simon Fraser (smfr)
2022-03-30 21:30:44 PDT
I think this also affects Strava maps (I've seen those map controls get hidden too). *** Bug 238796 has been marked as a duplicate of this bug. *** iOS 15.4 created issue where map controls get hidden under tile layer. How to reproduce: * Visit leaflet map app: Example: https://gis.ee/meri/ * Zoom & pan around in map for a while * See controls hidden under tile layer Video: https://i.imgur.com/Uu6H8pR.mp4 Image: https://user-images.githubusercontent.com/7014925/161598316-48a6a455-fcf8-47c5-97da-cce9be4d374b.png Github issues: https://github.com/Leaflet/Leaflet/issues/8068 https://github.com/PaulLeCam/react-leaflet/issues/968 https://stackoverflow.com/questions/71614862/leaflet-control-disapperars-while-dragging-map-on-mobilereact This problem does not appear in previous iOS versions or any other Android or Desktop browsers. There are some reports that problem is also present in desktop Safari, but I don't have accesss desktop safari 15.4 to test it. Workaround fix: .leaflet-control-container .leaflet-top, .leaflet-control-container .leaflet-bottom { transform: translate3d(0px, 0px, 0px); } https://github.com/Leaflet/Leaflet/issues/8068#issuecomment-1099073652 I haven't been able to make a reduction for this yet, but I suspect that the negative z-index marker layers are part of it. Created attachment 457855 [details]
Reduction
The fix for bug 217154 wasn't correct. The issue here is that if negative z-index triggers compositing on a layer, the negative z-index descendants were added to the wrong scope in the overlap map. Created attachment 457958 [details]
Patch
Created attachment 457961 [details]
Patch
Created attachment 458008 [details]
Patch
Committed r293126 (249828@main): <https://commits.webkit.org/249828@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 458008 [details]. Looks like this fix is not shipped in latest iOS? Leaflet maps are still broken in latest iOS. Many maps have added workarounds with will-change, but there are still lot of broken ones out there. In which release this fix will be shipped? |