CSS content: inherit doesn't work. |
|||||
Issue descriptionChrome Version: (copy from chrome://version) OS: (e.g. Win7, OSX 10.9.5, etc...) What steps will reproduce the problem? (1) Open the attached test-case. What is the expected result? There should be two PASS lines. What happens instead? ::before and ::after aren't generated. This doesn't seem to be a regression, per https://bugs.webkit.org/show_bug.cgi?id=18587. But I see nothing in [1] or [2] preventing the content property from inheriting. [1]: https://drafts.csswg.org/css-pseudo/#generated-content [2]: https://drafts.csswg.org/css-content-3/#content-property
,
Aug 24 2017
Hmm... Good point. Will file a spec issue to see how this is supposed to work.
,
Aug 24 2017
In any case, the following alerts "foo" on Blink, per comment 1, I'd expect it to alert normal... <!doctype html> <p id="test" style="content: 'foo'"></p> <script> alert(getComputedStyle(test).content); </script>
,
Aug 24 2017
I found https://bugs.chromium.org/p/chromium/issues/detail?id=758596 while playing with this. :(
,
Aug 28 2017
marking as ExternalDependency as this seems to be blocked on feedback from the spec issue
,
Aug 28 2017
Aslo, @ecobos, is this an interop issue? Do you know if FF or Edge or Safari behave differently to Chrome here?
,
Aug 28 2017
,
Aug 28 2017
,
Aug 28 2017
Yes, Gecko at least passes the test-case above. Not sure about Edge. WebKit does the same think as Blink. I opened https://github.com/w3c/csswg-drafts/issues/1757.
,
Dec 6 2017
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by r...@opera.com
, Aug 24 2017