Bug 223534

Summary:	REGRESSION (Safari 14): background: currentColor for buttons not correctly updating for pseudo selectors
Product:	WebKit	Reporter:	auster.s.chen
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED CONFIGURATION CHANGED
Severity:	Normal	CC:	akeerthi, etlovett2+webkit, koivisto, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 14
Hardware:	Mac (Intel)
OS:	macOS 10.15

Description auster.s.chen 2021-03-19 13:38:19 PDT

JS fiddle example: https://jsfiddle.net/o3295xLz/2/

Steps to reproduce:

1. Create a button element (can also be replicated by non-button elements but those can be fixed by having text content)
2. set button `background-color` to `'currentColor'` and set button `color` to any color
3. create a pseudo selector for any button state, ex: `:hover`, `:active`, and update color attribute to a different color
4. activate button state and notice that the background color does not properly repaint, interacting with the button may intermittently fix

Notes:

- Not reproducible on Safari 13
- Not reproducible on Firefox/Chrome

Comment 1 auster.s.chen 2021-03-22 11:17:38 PDT

Further testing shows that this may be due to some repainting bug, see jsfiddle here adding in some react states: https://jsfiddle.net/zpo7br92/1/

Comment 2 Radar WebKit Bug Importer 2021-03-22 14:48:42 PDT

<rdar://problem/75709831>

Comment 3 Antti Koivisto 2021-04-15 06:40:21 PDT

Appears to be fixed in trunk (also in the current macOS 11.3 seed builds).