1993164 - ::selection on text

Status: NEW

(Core :: SVG, defect)

Description

[Karl Dubost💡 :karlcow]

Attachment: rendering in Safari, Firefox, Chrome

After noticing that there was a difference of implementation for Firefox on one side and Safari/Chrome on the other side for the following WPT.
https://wpt.fyi/results/css/css-pseudo/svg-text-selection-002.html

I went onto exploring testing a bit more.
See https://github.com/w3c/svgwg/issues/894#issuecomment-3354860239 and followup comments
That was also discussed on the SVG WG (and continue to be discussed).

The tests are

Columns: Safari, Firefox, Chrome
Rows:

• text::selection {color: green} https://codepen.io/webcompat/full/EaPmYdm
• text::selection {fill: green} https://codepen.io/webcompat/full/gbPWYQZ
• text::selection {stroke: blue} https://codepen.io/webcompat/full/xbZdKMX
• text::selection {stroke: blue; stroke-width: 2px;} https://codepen.io/webcompat/full/RNrVbde

We can notice that:

1. Firefox doesn't know about fill, stroke and stroke-width at all, but happily applies color (while it would not work on the text element alone).
2. Chrome and Safari have the same behavior mostly, except that Chrome shows a selection background per default once you apply a change of style. color has no effect for Chrome and Safari.

Comment 1

[Robert Longson [:longsonr]]

https://searchfox.org/firefox-main/source/layout/generic/nsTextPaintStyle.cpp#386

What do you want the logic to be? We use -webkit-text-fill-color for the text (I expect color works as some kind of fallback for that), and background-color for the background.