Bug 237476

Summary:

Safari 15 does not load font awesome in IFRAME

Product:

WebKit

Reporter:

Ivan <ivberezansky>

Component:

Frames

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Major

CC:

mmaxfield, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 15

Hardware:

All

OS:

All

Attachments:

Description	Flags
Example of wrong behavior	none

Description Ivan 2022-03-04 10:20:08 PST

Created attachment 453854 [details]
Example of wrong behavior

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <body>
    <iframe  width="600" height="300" src=""></iframe>
    <script type="text/javascript">
      $(function() {
        var f = $('iframe')[0];
          wnd = f.contentWindow,
          doc = f.contentDocument;
        if(wnd.stop) {
          wnd.stop();
        }
        $(doc.head).append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">');
        $(doc.body).html('{<i class="fa fa-angle-left"></i><i class="fa fa-angle-right"></i>}');
      });
    </script>
  </body>
</html>

instead symbols Safari shows squares.

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Safari/605.1.15

Comment 1 Radar WebKit Bug Importer 2022-03-04 16:50:51 PST

<rdar://problem/89841517>