Re: [svgwg] ::selection and other highlights in SVG (#894)

As noted by @schenney-chromium, there is the issue of inheritance. 

such as 

```
<style>::selection {color: green}</style>
<div> foo 

    <svg width="460" height="180" style="border: black solid 3px;">
        <text x="50" y="100" fill="orange" font-size="48" id="test">Selected text</text>
    </svg>

</div>
```

https://codepen.io/webcompat/pen/jEWmOWq
Here I selected from `foo` to `b` in all 3 browsers:

<img width="3689" height="644" alt="selection with color" src="https://github.com/user-attachments/assets/a5ca05e4-38d4-4d20-89a0-d98415922536" />

Both Safari and Chrome do not inherit the selection as expected given the previous results above. 
And Firefox does for the SVG text

Obviously if we do ::selection {fill:green}, we would have the opposite result. 

<img width="3692" height="647" alt="selection with fill" src="https://github.com/user-attachments/assets/9d6f961a-e338-4e08-9936-23ad8af01915" />

-- 
GitHub Notification of comment by karlcow
Please view or discuss this issue at https://github.com/w3c/svgwg/issues/894#issuecomment-3379983028 using your GitHub account


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

Received on Wednesday, 8 October 2025 06:51:54 UTC