FontAwesome fonts not loading when in Iframe under Froala and parent page already loaded same fonts.

Issue #15341848 • Assigned to Steven K.

Details

Author
P.I. J.
Created
Jan 5, 2018
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
15.15063
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Reproduce:

  1. Have a page that loads fontawesome.css and Froala (don’t initiate froala)
  2. Have that page use a link to open another page (with same fontawesome and froala links loaded before) in an iframe and initiate Froala

Result

Froala will end up with broken (empty) toolbar as FontAwesome icons won’t be loaded.

This is 99.9% reproducible, I have set up a step by step page to duplicate this problem at:
http://pijulius.com/julius/edge-iframe-fonts-not-loading/

Tested with Chrome, Firefox and even IE and they all work just fine, it’s only Edge affected.
Also if you turn on Developer Tools in Edge it will work just fine too.

Notes

I know it’s Froala related but it seems it’s more Edge related as for some reason it only happens in Edge and even there works if Developer Tools is on :) also if you initiate Froala without the {iframe:true} of course it will work so it may be that Froala creates another iframe within the iframe and that’s why.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Steven K.”

    • Hi,

      Appreciate the repo website.  Would you mind attaching a zip file so that I can run it locally?

      Also, I noticed a typo in the demo page.  I believe the tag should be <textarea>, same for the closing tag.  Perhaps the other browsers are being less strict?
      "

      <texarea class="editor fr-box fr-basic fr-top">
      "

      Appreciate the help,

      Steve

    • Hi Steve,

      Thanks for the quick reply, sorry about the typo, fixed it now (just press refresh and all should be fine) but it doesn’t matter as that typo was anyway on the index file so for the inline froala and that was working anyway :)

      So the bug is still there and just tested with Edge and still font’s aren’t loading in iframe.

      Also ziped everything together and you can download the zip from here:
      http://pijulius.com/julius/edge-iframe-fonts-not-loading.zip

      Regards,
      Julius

    You need to sign in to your Microsoft account to add a comment.

    Sign in