question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Interactions broken on "device emulation mode" on Chrome, Firefox

See original GitHub issue

How 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:closed
  • Created 8 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
daniellabirchcommented, Sep 21, 2016

@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.

0reactions
blqcommented, Jun 15, 2020

My impression is that this issue has resurfaced in 1.6.0. Just try using the Chrome emulator on the main page example.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found