css.properties.paint-order - Is not supported by Chrome for HTML text #19154
Labels
data:css 🎨
Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
Comments
|
It does render correctly (for |
queengooborg
added
the
data:css 🎨
|
This looks like a duplicate of #17951 |
kepstin
added a commit
to kepstin/browser-compat-data
that referenced
this issue
Dec 2, 2023
Browser support for CSS `paint-order` on HTML text differs between browsers. This is because as originally specified, the property had a restriction saying that it should only apply to SVG. That restriction has since been removed, see w3c/fxtf-drafts#107 Support for `paint-order` on HTML text was included along with the initial support for `paint-order` in Firefox 60, see https://bugs.webkit.org/show_bug.cgi?id=168601 Support for `paint-order` on HTML text was added to WebKit in WebKit/WebKit@73a116f which was included in WebKit 604. According to browsers/safari.json, this corresponds to Safari 11. Support for `paint-order` on HTML text in Chromium is still pending: https://bugs.chromium.org/p/chromium/issues/detail?id=815111 Fixes mdn#17951 Fixes mdn#19154
kepstin
added a commit
to kepstin/browser-compat-data
that referenced
this issue
Dec 2, 2023
Browser support for CSS `paint-order` on HTML text differs between browsers. This is because as originally specified, the property had a restriction saying that it should only apply to SVG. That restriction has since been removed, see w3c/fxtf-drafts#107 Support for `paint-order` on HTML text was included along with the initial support for `paint-order` in Firefox 60, see https://bugs.webkit.org/show_bug.cgi?id=168601 Support for `paint-order` on HTML text was added to WebKit in WebKit/WebKit@73a116f which was included in WebKit 604. According to browsers/safari.json, this corresponds to Safari 11. Support for `paint-order` on HTML text in Chromium is still pending: https://bugs.chromium.org/p/chromium/issues/detail?id=815111 Fixes mdn#17951 Fixes mdn#19154
Elchi3
pushed a commit
that referenced
this issue
Dec 8, 2023
…ty (#21426) Browser support for CSS `paint-order` on HTML text differs between browsers. This is because as originally specified, the property had a restriction saying that it should only apply to SVG. That restriction has since been removed, see w3c/fxtf-drafts#107 Support for `paint-order` on HTML text was included along with the initial support for `paint-order` in Firefox 60, see https://bugs.webkit.org/show_bug.cgi?id=168601 Support for `paint-order` on HTML text was added to WebKit in WebKit/WebKit@73a116f which was included in WebKit 604. According to browsers/safari.json, this corresponds to Safari 11. Support for `paint-order` on HTML text in Chromium is still pending: https://bugs.chromium.org/p/chromium/issues/detail?id=815111 Fixes #17951 Fixes #19154
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
What type of issue is this?
Browser bug (a bug with a feature that may impact site compatibility)
What information was incorrect, unhelpful, or incomplete?
Chrome does not fully support
paint-order, it doesn't not apply to HTML text rendering.What browsers does this problem apply to, if applicable?
Chromium (Chrome, Edge 79+, Opera, Samsung Internet)
What did you expect to see?
A note that Chrome has a bug or is not fully compatible.
Did you test this? If so, how?
Go to https://codepen.io/webstrand/pen/WNgyjGG
In Firefox this renders the stroke behind the text as specified by
paint-order.In Chrome this renders the stroke in front of the text.
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
https://bugs.chromium.org/p/chromium/issues/detail?id=815111
Do you have anything more you want to share?
Rendered correctly in Firefox
Rendered incorrectly in Chrome
MDN URL
https://developer.mozilla.org/en-US/docs/Web/CSS/paint-order
MDN metadata
MDN page report details
css.properties.paint-orderThe text was updated successfully, but these errors were encountered: