Leaflet.js sites behaving strangely




Firefox for Android
5 years ago
5 years ago


(Reporter: wlach, Unassigned)


19 Branch

Firefox Tracking Flags

(Not tracked)


In the latest nightlies, leaflet.js map sites (e.g. http://leafletjs.com/examples/mobile.html) behave strangely:

* There's some kind of odd flashing when panning around the map
* It seems like multiple types of tiles flash in and out when zooming

These sites work fine on the release and beta versions of Firefox for Android (as well as the competition, like Chrome for Android). I suspect the new tile-based panning/zooming support is to blame here.

Comment 1

5 years ago
> I suspect the new tile-based panning/zooming support is to blame here.

Nope, Leaflet didn't change the way it does zoom animation. It still does a CSS Transition on a parent containing all the tiles, so the transition should happen with one composited layer if it's hardware-accelerated, not individual tiles. Perhaps it was broken while trying to fix the white stripes between tiles problem https://bugzilla.mozilla.org/show_bug.cgi?id=504071

Comment 2

5 years ago
Also, it seems that this bug is reproducible for desktop FF versions under Linux as well.

Comment 3

5 years ago
I can also see this bug on every website that use leaflet maps with Firefox 21.0+build2-0ubuntu0.13.04.2 on Ubuntu 13.04 64bits.

The video linked in this issue on github show exactly the behavior of the bug :


Maybe we should change the name of this issue to "ut "hardware-accelerated CSS transform transition produces weird visual artifacts" or create a new one ?

Comment 4

5 years ago
Tile-based panning/zooming has been a feature of Firefox for Android since the rewrite (15) - it's not a new feature.

This looks like a transform issue, either in layout or layers, I can't really tell... If the bug manifests in Fx/Android and Linux, but not Windows, I'd suspect layers.
You need to log in before you can comment on or make changes to this bug.