Bug 227112
| Summary: | Adding a class to an element with pointer-events: none does not result in a color change | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Victor Sheyanov <victor.sheyanov> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Minor | CC: | ap |
| Priority: | P2 | ||
| Version: | Safari 14 | ||
| Hardware: | Mac (Intel) | ||
| OS: | macOS 11 | ||
Victor Sheyanov
When element has a class with `color: any`, adding a new class with another color and `pointer-events: none` (disabling button), does not result in a text color change.
https://codepen.io/vsheyanov/pen/PopVGWB
Reproduced: Safari 14.1.1 (16611.2.7.1.4)
Not reproduced: Safari 14.0.3, Chrome
In the CodePen above clicking the button should change button color, but it does not change.
But, if you click it once (color should be changed) and hover over the button, color will change. So basically hovering over the button paints correct color.
https://prnt.sc/15oryff
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Alexey Proskuryakov
I cannot reproduce this using macOS 11.5 beta (Safari 16611.3.7). Could you please try with a beta and/or with Safari Technology Preview?
Victor Sheyanov
Yes, in Safari Technology preview it's fixed. Looks like it's fixed there.
Looking forward to seeing this fix in production.
Alexey Proskuryakov
Thank you for verifying it!