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

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!