| Summary: | Radio button customized using an SVG fragment is not redrawn when value changes | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Renaud Chaput <renchap> |
| Component: | Forms | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW --- | ||
| Severity: | Major | CC: | ahmad.saleem792, akeerthi, cdumez, sabouhallawa, webkit-bug-importer, wenson_hsieh, zalan, zimmermann |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 16 | ||
| Hardware: | Unspecified | ||
| OS: | All | ||
I am able to reproduce this bug on WebKit ToT (265400@main) and it is also impacting LBSE. |
When using SVG fragments to customize radio buttons (`background-image: url('sprite.svg#svgView(viewBox(135,30,30,30))'); }`), the radio button is not redrawn when the form value changes. It is correctly redrawn when the radio is hovered again. Reproduction: https://codepen.io/STPo/pen/OJwoKrW - Click a radio button - Click another radio button - The first radio button is still showing the "checked" SVG - Hover the first radio button, it correctly redraws as unchecked This is working as expected if using a different SVG file for each state.