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
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/
<rdar://problem/75709831>
Appears to be fixed in trunk (also in the current macOS 11.3 seed builds).