[Webkit-unassigned] [Bug 281164] italic style is not applying to `abbr`

Thu Nov 7 00:08:36 PST 2024

https://bugs.webkit.org/show_bug.cgi?id=281164

--- Comment #4 from Karl Dubost <karlcow at apple.com> ---
MDN is using an iframe with srcdoc…

```
<iframe id="output-iframe" srcdoc="
<!DOCTYPE html>
<html id="output-root">
<head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link href="../../css/editor-tabbed.css?v=341af68" rel="stylesheet">
      <style>

      </style>
      <style id="css-output">
        abbr {
  font-style: italic;
  color: chocolate;
}

      </style>
    </head>
<body>
      <div id="html-output" class="output editor-tabbed">
        <p>
  You can use <abbr>CSS</abbr> (Cascading Style Sheets) to style your <abbr>HTML</abbr> (HyperText Markup Language).
  Using style sheets, you can keep your <abbr>CSS</abbr> presentation layer and <abbr>HTML</abbr> content layer
  separate. This is called "separation of concerns."
</p>

      </div>

      <script>
        function executeExample() {
          'use script';
          try {

          } catch(e) {
            console.error(e);
          }
        }
      </script>
    </body>
</html>
"></iframe>
```

Let's create a reduced test case.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20241107/a2afe4f8/attachment.htm>