<?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>276727</bug_id>
          
          <creation_ts>2024-07-17 12:16:14 -0700</creation_ts>
          <short_desc>Implement `overlay` CSS property and new top layer exit algorithm</short_desc>
          <delta_ts>2026-03-03 14:41:22 -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>CSS</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>Unspecified</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          <see_also>https://bugs.webkit.org/show_bug.cgi?id=275184</see_also>
          <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="Tim Nguyen (:ntim)">ntim</reporter>
          <assigned_to name="Tim Nguyen (:ntim)">ntim</assigned_to>
          <cc>agafvv</cc>
    
    <cc>ahmad.saleem792</cc>
    
    <cc>arrow_actions.7g</cc>
    
    <cc>florian</cc>
    
    <cc>ian</cc>
    
    <cc>imbashenk</cc>
    
    <cc>jeroen.zwartepoorte</cc>
    
    <cc>kileras</cc>
    
    <cc>koivisto</cc>
    
    <cc>ryan</cc>
    
    <cc>spark343</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>2046773</commentid>
    <comment_count>0</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2024-07-17 12:16:14 -0700</bug_when>
    <thetext>Might be necessary for web compat at this point...</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2046774</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2024-07-17 12:16:35 -0700</bug_when>
    <thetext>&lt;rdar://problem/131944330&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2046991</commentid>
    <comment_count>2</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2024-07-18 05:54:20 -0700</bug_when>
    <thetext>https://drafts.csswg.org/css-position-4/#overlay</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2067778</commentid>
    <comment_count>3</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2024-10-14 11:06:27 -0700</bug_when>
    <thetext>*** Bug 280983 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2069956</commentid>
    <comment_count>4</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2024-10-22 18:14:25 -0700</bug_when>
    <thetext>*** Bug 252234 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2102167</commentid>
    <comment_count>5</comment_count>
    <who name="Jeroen Zwartepoorte">jeroen.zwartepoorte</who>
    <bug_when>2025-03-10 23:50:04 -0700</bug_when>
    <thetext>Please mark https://bugs.webkit.org/show_bug.cgi?id=289474 as a duplicate as well.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2102433</commentid>
    <comment_count>6</comment_count>
    <who name="Karl Dubost">karlcow</who>
    <bug_when>2025-03-11 19:29:18 -0700</bug_when>
    <thetext>*** Bug 289474 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2107385</commentid>
    <comment_count>7</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2025-03-31 05:51:07 -0700</bug_when>
    <thetext>*** Bug 289473 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2134458</commentid>
    <comment_count>8</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2025-08-05 11:53:05 -0700</bug_when>
    <thetext>*** Bug 296925 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2144125</commentid>
    <comment_count>9</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2025-09-18 14:32:28 -0700</bug_when>
    <thetext>*** Bug 299081 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2148647</commentid>
    <comment_count>10</comment_count>
    <who name="Jeroen Zwartepoorte">jeroen.zwartepoorte</who>
    <bug_when>2025-10-06 00:50:16 -0700</bug_when>
    <thetext>This issue is not just about animating closing top layer elements. It is also necessary to fix unwanted behavior:

When a popover parent element is translated, the popover will suddenly &quot;jump&quot; when it exits the top layer. Since you may not have control over the parent element that is translated, the only fix is to have the popover remain in the top layer *until* it is no longer visible. See https://codepen.io/dianabroeders/pen/ByjpqWE?editors=1100 for a reproduction.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2156783</commentid>
    <comment_count>11</comment_count>
    <who name="Alexey Proskuryakov">ap</who>
    <bug_when>2025-11-05 17:19:23 -0800</bug_when>
    <thetext>*** Bug 301960 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2186743</commentid>
    <comment_count>12</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2026-03-03 14:41:22 -0800</bug_when>
    <thetext>Pull request: https://github.com/WebKit/WebKit/pull/59831</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>