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.

Leflet map in iframe: page scrolls down to bottom on first click on map

See original GitHub issue

Hi I have noticed an annoying problem when I embed a leaflet into a iframe. On my mobile iphone 5 the page scrolls down to the bottom on the first click on the map.

The thing is easily reproducible but only appears in mobile phones, web works fine.

surf to this page with your phone and test http://ext.dn.se/qs/widgets/test/iframeTest2.html

Or make a testpage like

<iframe id="test"  style=" height:400px; width:100%;" scrolling="no"  frameborder="0" src="http://leafletjs.com/examples/mobile/example.html"></iframe>

Issue Analytics

State:
Created 7 years ago
Reactions:2
Comments:18 (7 by maintainers)

Top GitHub Comments

1reaction

kazhecommented, May 9, 2018

With the latest version of leaflet if you set keyboard:false in the options of Leaflet, the bug is gone, as previously the focus() was called because of the initialized hook, but now it isn’t anymore, so while the bug still kinda exists, it is not that painful

1reaction

gerdintcommented, Feb 15, 2018

A version of Leaflet 1.0.3 incorporating this patch has been deployed at https://www.havochvatten.se/hav/samordning--fakta/havsplanering/havsplaner/forslag-till-havsplaner/vagledning-om-mest-lamplig-anvandning.html.

It works well for us so would recommend merging the proposed patch. I’ll put up a PR.