Bug 251424
| 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 | ||
Renaud Chaput
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/105118256>
Ahmad Saleem
I am able to reproduce this bug on WebKit ToT (265400@main) and it is also impacting LBSE.