Bug 251424 - Radio button customized using an SVG fragment is not redrawn when value changes
Summary: Radio button customized using an SVG fragment is not redrawn when value changes
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 16
Hardware: Unspecified All
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-01-31 01:06 PST by Renaud Chaput
Modified: 2023-06-22 06:49 PDT (History)
8 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Renaud Chaput 2023-01-31 01:06:23 PST
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.
Comment 1 Radar WebKit Bug Importer 2023-02-07 01:07:34 PST
<rdar://problem/105118256>
Comment 2 Ahmad Saleem 2023-06-22 06:48:54 PDT
I am able to reproduce this bug on WebKit ToT (265400@main) and it is also impacting LBSE.