search

Leaflet / Leaflet.fullscreen

A fullscreen control for Leaflet
http://leaflet.github.io/Leaflet.fullscreen/
ISC License
436 stars 117 forks source link

Leaflet.fullscreen issues with Internet Explorer 11 ? #35

Closed seyfro closed 9 years ago

seyfro commented 9 years ago

I am using Leaflet.fullscreen in my WordPress plugin Maps Marker Pro - a user now reported that the fullscreen button does not work properly in IE11. His site is http://www.timebranding.com/ - map at the bottom. If he clicks on the fullscreen button, the map is only partially shown in fullscreen:

fullscreen-issue

I did some tests with other maps too and found, that fullscreen is working properly with Internet Explorer 8, 9 and 10 - only 11 is causing that issue.

Any hints on how to approach this issue would be very appreciated!

jfirebaugh commented 9 years ago

What version are you using?

seyfro commented 9 years ago

the latest version (including all current commits) - perhaps this issue has to do with other leaflet plugins I am using too, havent tried leaflet.fullscreen alone on IE11 yet...

seyfro commented 9 years ago

I did some more tests - testing the leaflet fullscreen plugin standalone works on IE11 (http://mapsmarker.com/dev/pro/fullscreen/) - so there must be a conflict with some other code of my plugin :-( any hint would really be appreciated... BTW: the tiles url defined in index.html (http://{s}.tiles.mapbox.com/v3/examples.map-i86knfo3/{z}/{x}/{y}.png) is broken, resulting in blank page after downloading and running the example code from this git repo...

jfirebaugh commented 9 years ago

Wait, isn't this the same as #24, which you previously reported?

seyfro commented 9 years ago

I dont think so - anyway that old issue cannot be reproduced as the maintainer switched the theme and disabled the fullscreen button.

I also opened a question at http://wpquestions.com/question/showChrono/id/10053 and a user ment that this could be linked with position:abolute; vs. position:relative; - anyway I have to dig deeper to find the real reason for this issue here...

seyfro commented 9 years ago

a user just posted a solution that fixed my issues - perhaps this is also interesting for you:

.leaflet-fullscreen-on{ position:fixed !important; width:100% !important; height:100% !important; top:0 !important; left:0 !important; z-index:99999; }

anyway thx for your help!