<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>227112</bug_id>
          
          <creation_ts>2021-06-17 01:21:42 -0700</creation_ts>
          <short_desc>Adding a class to an element with pointer-events: none does not result in a color change</short_desc>
          <delta_ts>2021-06-21 10:07:54 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>CSS</component>
          <version>Safari 14</version>
          <rep_platform>Mac (Intel)</rep_platform>
          <op_sys>macOS 11</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>CONFIGURATION CHANGED</resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Minor</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Victor Sheyanov">victor.sheyanov</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>ap</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1770546</commentid>
    <comment_count>0</comment_count>
    <who name="Victor Sheyanov">victor.sheyanov</who>
    <bug_when>2021-06-17 01:21:42 -0700</bug_when>
    <thetext>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</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1771108</commentid>
    <comment_count>1</comment_count>
    <who name="Alexey Proskuryakov">ap</who>
    <bug_when>2021-06-19 12:34:42 -0700</bug_when>
    <thetext>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?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1771221</commentid>
    <comment_count>2</comment_count>
    <who name="Victor Sheyanov">victor.sheyanov</who>
    <bug_when>2021-06-21 00:20:19 -0700</bug_when>
    <thetext>Yes, in Safari Technology preview it&apos;s fixed. Looks like it&apos;s fixed there.
Looking forward to seeing this fix in production.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1771327</commentid>
    <comment_count>3</comment_count>
    <who name="Alexey Proskuryakov">ap</who>
    <bug_when>2021-06-21 10:07:54 -0700</bug_when>
    <thetext>Thank you for verifying it!</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>