Leaflet: Popup content select in IE11 with touch support

Created on 16 Jan 2015  路  9Comments  路  Source: Leaflet/Leaflet

Our product owner has a Lenovo laptop with touch display and Windows 8 onboard. He can neither select text in a popup (native for Leaflet) nor can he input text in a textarea in a popup. The easiest example, to test with, is the first popup example on Leaflet's homepage.

Leaflet disables all touch actions with -ms-touch-action: none; and it seems to be in the way of text selection. However, removing this property makes it impossible to use the map.

accepted bug good first issue help wanted

Most helpful comment

I have just chased up this issue. As the provided js fiddle seems not to work i have just used the example map from the quick start example.
I am using a HP Elitebook with Touch on Windows 10. I was able to select the text in the sample popup in IE11 as welll as in Edge 41.
I'm happy to to any further tests and answer questions.
If someone can confirm this, the issue can be closed.

All 9 comments

What version of leaflet are you using?
JSFiddle to reproduce would be best.

Version 0.7.3. Is this good enough: http://jsfiddle.net/n99tdn5b/embedded/result/? The text in the popup is not selectable in IE on a touch device.

Looks like IE seems to inherit this property down to the popup element. An easy fix would be overriding the property on it in CSS.

I've been looking for something similar in issues and this topic was the closest one to what I was looking for and it seems, it's been inactive for a while.
I checked the select and it seems touch and text select is kind of impossible in Edge. But I have another issue. When I have textarea inside popup, I cannot touch in order to edit it or input any text in it.
I could make this fix for it in my code: http://jsfiddle.net/kxkdf8k1/5/
But I thought to share maybe you guys already thought about it.

If this is still open, I'll be happy to take this on.

@loisgh Feel free to work on it 馃檪

Hi, is this issue still open, ill be happy to take it on.

I have just chased up this issue. As the provided js fiddle seems not to work i have just used the example map from the quick start example.
I am using a HP Elitebook with Touch on Windows 10. I was able to select the text in the sample popup in IE11 as welll as in Edge 41.
I'm happy to to any further tests and answer questions.
If someone can confirm this, the issue can be closed.

Using the this fiddle and testing on a ThinkPad X1E running Windows 10 I am able to both select text and close the marker using touch controls on Edge 44. However, on IE 11, while closing the marker works as expected, I am not able to select any text using touch controls.

Was this page helpful?
0 / 5 - 0 ratings