Bug 227112 - Adding a class to an element with pointer-events: none does not result in a color change
Summary: Adding a class to an element with pointer-events: none does not result in a c...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 11
: P2 Minor
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2021-06-17 01:21 PDT by Victor Sheyanov
Modified: 2021-06-21 10:07 PDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Victor Sheyanov 2021-06-17 01:21:42 PDT 
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
Comment 1 Alexey Proskuryakov 2021-06-19 12:34:42 PDT 
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?
Comment 2 Victor Sheyanov 2021-06-21 00:20:19 PDT 
Yes, in Safari Technology preview it's fixed. Looks like it's fixed there.
Looking forward to seeing this fix in production.
Comment 3 Alexey Proskuryakov 2021-06-21 10:07:54 PDT 
Thank you for verifying it!