811893 - Leaflet.js sites behaving strangely

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: Toolbar, defect)

Description

[William Lachance (:wlach)]

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

[Vladimir Agafonkin]

> 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

[Vladimir Agafonkin]

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

Comment 3

[b_b]

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 :

https://github.com/Leaflet/Leaflet/pull/1702

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

[Chris Lord [:cwiiis]]

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.

Comment 5

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.