<?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>236326</bug_id>
          
          <creation_ts>2022-02-08 13:49:05 -0800</creation_ts>
          <short_desc>Blurred element is not properly repainted on hover</short_desc>
          <delta_ts>2022-02-14 19:54:06 -0800</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Compositing</component>
          <version>Safari Technology Preview</version>
          <rep_platform>Mac (Apple Silicon)</rep_platform>
          <op_sys>macOS 12</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Jed Fox">jed</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1838865</commentid>
    <comment_count>0</comment_count>
      <attachid>451301</attachid>
    <who name="Jed Fox">jed</who>
    <bug_when>2022-02-08 13:49:05 -0800</bug_when>
    <thetext>Created attachment 451301
Small reproduction

The included test file contains an HTML element with the class &quot;spoiler&quot; and the following CSS:

    .spoiler:not(:hover) {
      filter: blur(10px);
    }

The behavior I expected is that when hovering over the element, all traces of the blur will be removed and the unblurred text will become visible.

The actual behavior I’m seeing is that while the portion of the page inside the element’s content rect is correctly updated, the portions of the blur that extend past the content rect remain visible.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1841546</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2022-02-14 19:54:06 -0800</bug_when>
    <thetext>&lt;rdar://problem/88943473&gt;</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>451301</attachid>
            <date>2022-02-08 13:49:05 -0800</date>
            <delta_ts>2022-02-08 13:49:05 -0800</delta_ts>
            <desc>Small reproduction</desc>
            <filename>blur-bug.html</filename>
            <type>text/html</type>
            <size>462</size>
            <attacher name="Jed Fox">jed</attacher>
            
              <data encoding="base64">PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJz
ZXQ9IlVURi04IiAvPgogICAgPG1ldGEgaHR0cC1lcXVpdj0iWC1VQS1Db21wYXRpYmxlIiBjb250
ZW50PSJJRT1lZGdlIiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRo
PWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjAiIC8+CiAgICA8dGl0bGU+Qmx1ciBwYWlu
dGluZyBidWc8L3RpdGxlPgogICAgPHN0eWxlPgogICAgICAuc3BvaWxlcjpub3QoOmhvdmVyKSB7
CiAgICAgICAgZmlsdGVyOiBibHVyKDEwcHgpOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvaGVh
ZD4KICA8Ym9keT4KICAgIDxkaXYgc3R5bGU9Im1hcmdpbjogMTAwcHgiPgogICAgICA8ZGl2IGNs
YXNzPSJzcG9pbGVyIj5IZWxsbywgd29ybGQhPC9kaXY+CiAgICA8L2Rpdj4KICA8L2JvZHk+Cjwv
aHRtbD4K
</data>

          </attachment>
      

    </bug>

</bugzilla>