Issue metadata
Sign in to add a comment
|
Leaflet.js Map dragging stop working in Android Chrome 55
Reported by
alex.mic...@gmail.com,
Dec 9 2016
|
||||||||||||||||||||||||
Issue descriptionDevice name: Xiaomi 4C From "Settings > About Chrome" Application version:55.0.2883.84 Operating system:Android 5.1.1 URLs (if applicable): https://reddoor.house Steps to reproduce: (1)Open the website. Cannot drag the map. (2) (3) Expected result: Expect to be able to drag the map. Actual result: Cannot drag the map. Work fine in Android Chrome version 54. Work fine with the default Android browser, Firefox, facebook browser, wechat browser. Work fine in Linux Chrome version 55 and firefox. (Work fine in MacOS) It seem to work everywhere but not in Android Chrome since version 55. (Also tried preview version 56 and 57, same problem) No javascript error. The website map use leaflet js library. Was there something new in Android Chrome 55 related to touch events?
,
Dec 9 2016
We did enable new APIs related to touch events in M55, see the duplicated issue 670942 .
,
Dec 9 2016
Alex: I get 503 accessing the URI you provided. Do you have an alternate URI? We encountered some issues with openlayers v2 that are addressed in a pull request against that library. See issue 670942 for details.
,
Dec 10 2016
About the 503 error. One of our admin was working on the firewall, he seem to have tighten up things a bit too much. He reverted his changes and it's back online. Will take a look into issue 670942 and I will build a test page Monday to try to isolate the problem. Thanks.
,
Dec 12 2016
ivan commented on issue 670942 . We will use this issue to track the leaflet issues... https://github.com/Leaflet/Leaflet/issues/5180. https://github.com/Leaflet/Leaflet/issues/4127
,
Dec 12 2016
,
Dec 12 2016
This reddoor.house page can be fixed by adjusting the CSS style for .leaflet-container in the following stylesheet https://api.tiles.mapbox.com/mapbox.js/v2.4.0/mapbox.css by including touch-action: none beside the -ms-touch-action: none I've reached out to someone at mapbox but alex if you have a support agreement with them it might be best to reach out via that contact.
,
Dec 13 2016
I have applied your solution. It's working, thank you so much.
I will try to contact people at mapbox.
In the mean time, if other people come across this problem, simply add this in your own css file :
.leaflet-container {
touch-action: none;
}
,
Oct 2 2017
|
|||||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||||
Comment 1 by krav...@chromium.org
, Dec 9 2016Status: Duplicate (was: Unconfirmed)