Interactions broken on "device emulation mode" on Chrome, Firefox
See original GitHub issueHow to reproduce:
- Open up http://leafletjs.com/examples/mobile-example.html in a Chrome browser on a desktop computer
- Hit F12, then turn on “device emulation mode” (the small smartphone button top-left in the debug console)
- Select any device to emulate (somehow the bug doesn’t reproduce when clearing all the emulation overrides)
- Refresh the page
- Try to interact with the map by dragging
Reproducible at least on my:
- Chromium 42 on Debian 8
- Chrome 42 on a Win10 VM
- Iceweasel 35 on Debian 8
Not reproducible on:
- IE 11 on Win10 VM
- Firefox 38 on Win10 VM
I also noticed it in Chrome on Android 5 on an HTC, but as a non-reproducible heisenbug.
I suspect some kind of weird behaviour related to the geolocation code. Somehow the bug doesn’t reproduce when accessing the page from localhost, or when allowing/blocking geolocation, but I’m not fully sure yet.
I can only reproduce with 0.7.3/stable. Code from master works as expected on debug/map/map-mobile.html
.
Issue Analytics
- State:
- Created 8 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Simulate mobile devices with Device Mode
Use virtual devices in Chrome's Device Mode to build mobile-first ... the page fires touch or click events when you interact with the...
Read more >Chrome Device Mode Emulation Media Queries Not Working
It works on other sites including my own sites that I made with bootstrap, but it's not working on media queries I am...
Read more >Firefox DevTools User Docs
Responsive Design mode in Firefox 57 Developer Tools. See how your website or app will look and behave on different devices and network...
Read more >How to Use Mobile Emulation Mode in Chrome - SitePoint
Does your web app work in all devices? Testing is a huge job. Learn how to enable Chrome's useful device mode to emulate...
Read more >Issue 633832: No visible cursor inside device mode. - Monorail
1. Open browser · 2. Navigate to any website · 3. Toggle Device Toolbar from Developer Tools.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@mourner I can’t find the official resolution to this. I am having the same issue on my own app which has a lot of scroll and move events.
My impression is that this issue has resurfaced in 1.6.0. Just try using the Chrome emulator on the main page example.