Re: [csswg-drafts] [css-content] Implementing content:none on elements is not web-compatible (#6503)

Gecko _resolves_ `none` to `normal` for elements but still _computes_ it to `none`, i.e. it inherits as `none`.  For example:
```html
<style>
li { content: none }
li::marker { content: inherit }
</style>

<ul><li>x</ul>

<script>
let li = document.querySelector('li');
li.textContent = getComputedStyle(li).content + ' ' +
                 getComputedStyle(li, '::marker').content;
</script>
```

Firefox: shows "normal none", and **no** bullet since `::marker` inherited `none` (note that we did this even before implementing `content:none` for elements so there was no change in this regard from those patches)
Chrome: shows "normal normal" , and a bullet

I think we need to sort this out while we're here since it might be a web-compat issue too...
See also similar issues: #1757 #821 #4632

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 11 August 2021 23:48:27 UTC