featherlight icon indicating copy to clipboard operation
featherlight copied to clipboard
verified publisher icon noelboss

Empty modal before iframe loads

Open bradhogan opened this issue 7 years ago • 3 comments

Bug report - you can view the issue here: http://jsfiddle.net/bradhogan1983/sxwge12m/

When using the iframe option and clicking a link to open the modal, the modal opens instantly, but the iframe takes a second to load and while loading the modal container is just a small empty box. This happens on your demo as well as my local dev site. I'll also attach a screenshot of what I'm seeing on my dev site.

Thanks! screen shot 2018-06-12 at 2 46 13 pm

bradhogan avatar Jun 12 '18 21:06 bradhogan

Is there any workaround like a 'loading' spinner?

alanef avatar Sep 04 '19 15:09 alanef

Featherlight support spinners (check the doc). You can also specify a width and height for the iframe.

Please let me know what else Featherlight should/could be doing...

marcandre avatar Sep 04 '19 19:09 marcandre

Hi Marc,

Specifying the width and height doesn't apply during the few seconds while the iframe is connecting.

But I did find data-featherlight-loading='any html can go here' which I'm guessing is the support for spinners? By using the appropriate html including spinning gifs as required and divs of whatever size the small white box described above can be altered as required.

It is a great library, thank you for building it.

alanef avatar Sep 04 '19 21:09 alanef