Leaflet/Leaflet.fullscreen

Fullscreen not working

dave7777 opened this issue · 7 comments

for some reason in the fullscreen view the upper part of the screen is filled with the black background - I have attachedthe screenshot.....do you think this is a bug?

Image and video hosting by TinyPic

.I did a quick check and it appears the page sections are below that black area:

Image and video hosting by TinyPic

this is ok? maybe some other plugin will work?

Could you please create a minimal self-contained example on jsbin.com that demonstrates the issue?

Thank you for your kind reply.... I have attached the local version of the webpage on which I am working....

https://sendit.cloud/77zvt6g0ajgh

here is how it shows on my side:

Image and video hosting by TinyPic

Hi @dave7777, by "minimal self-contained example", I mean an example that contains the minimal amount of code necessary to demonstrate the issue. The archive you provided contains dozens of files and thousands of lines of code, so is not minimal. A minimal example will allow me to spend time tracking down the issue without looking through irrelevant details, and eliminate the possibility that the issue lies in something other than Leaflet.fullscreen.

Thank you for your reply.....I removed most fo what I think I can remove from this file...please take a look - I uplaoded the updated demo page

https://sendit.cloud/85z1skduim37

It looks like it's due to custom CSS, particularly position: absolute; and an absolute top and left coordinate on the map container. You'll need to ensure that the CSS you apply is compatible with a full screen layout. Closing here since this isn't an issue with the plugin itself.

thank you very much - I am not that a coder - can you please tell me weher this code is located?