I've started using FeatherLight and have a small problem: I have a simple div. Here is its code:
<div id="AddNewItemToMenu" style="display:none;">....</div>
Basically i can open the lightbox and it is shown perfectly and everything is ok - UNTIL i manually force a close of the lightbox popup via Javascript. After closing it once? - when i try to reload it again, i get an empty lightbox (maybe the close operation erased the div's content).
For the close command i use:
$.featherlight.close();
and for the opening command (opening of the featherlight lightbox) i use the following command:
$.featherlight($('#AddNewItemToMenu'), { 'persist' : true });
Any ideas why that happens?. Maybe there is another methood of hiding instead of closing? (something that won't vanish my div?).
Thank you!.
Updated: I've attached an example file. Uploaded to some temp site. here is the link: https://ufile.io/wxipg When opening index.html => click on the "Open Featherlight" and then close the popup and then click on the "Open Featherlight" again, and you'll see empty div.