W3C home > Mailing lists > Public > public-css-archive@w3.org > May 2021

Re: [csswg-drafts] [css-scoping] Handling global name-defining constructs in shadow trees (#1995)

From: Rune Lillesveen via GitHub <sysbot+gh@w3.org>
Date: Wed, 26 May 2021 16:32:12 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-848921711-1622046731-sysbot+gh@w3.org>
@font-face rules in WebKit seem like being global - exposing @font-face into and out of the shadow tree looking at this in Safari TP:

```html
<!doctype html>
<style>
  @font-face {
    font-family: myfont;
    font-weight: bold;
    src: local(Arial);
  }
</style>
<div style="font-family: myfont; font-weight: normal">Normal - Document</div>
<div style="font-family: myfont; font-weight: bold">Bold - Document</div>
<div id="host"></div>
<script>
  let root = host.attachShadow({mode:"open"});
  root.innerHTML = `
    <style>
      @font-face {
        font-family: myfont;
        font-weight: normal;
        src: local("Times New Roman");
      }
    </style>
    <div style="font-family: myfont; font-weight: normal">Normal - Shadow</div>
    <div style="font-family: myfont; font-weight: bold">Bold - Shadow</div>
  `;
</script>
```


-- 
GitHub Notification of comment by lilles
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1995#issuecomment-848921711 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 26 May 2021 16:32:15 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:33 UTC