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

Issue #15341848 • Assigned to wptrentri

Open new issue

Browse all tracked issues

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 2 people

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

      Steven K. Jan 5, 2018 2018-01-05T23:42:46.77Z

      Changed Assigned To to “Steven K.”

    • Steven K. Jan 6, 2018 2018-01-06T00:33:35.217Z Microsoft Edge Team

      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

    • P.I. J. Jan 6, 2018 2018-01-06T09:32:55.363Z

      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

    • Ilari P. Jun 18, 2018 2018-06-18T11:07:44.613Z

      This is not just specific to FontAwesome or Froala.

      Trying to load fonts with webfontloader inside an IFRAME when the parent has already loaded the same fonts results in fonts not being loaded or rendered.

    • Microsoft Edge Team

      OSG V. Jun 27, 2018 2018-06-27T05:10:02.983Z

      Changed Assigned To to “wptrentri”

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

    Sign in