<?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>265383</bug_id>
          
          <creation_ts>2023-11-27 08:09:25 -0800</creation_ts>
          <short_desc>Web Inspector: CSS Grid Page Overlay: show order of items in masonry layout</short_desc>
          <delta_ts>2023-11-27 08:10:19 -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>Web Inspector</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>All</rep_platform>
          <op_sys>All</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>
          <dependson>265381</dependson>
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Razvan Caliman">rcaliman</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>inspector-bugzilla-changes</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1994950</commentid>
    <comment_count>0</comment_count>
    <who name="Razvan Caliman">rcaliman</who>
    <bug_when>2023-11-27 08:09:25 -0800</bug_when>
    <thetext>Follow-up to Bug 265381.

Grid items in a masonry layout are positioned opportunistically on the masonry axis. 
This means that their visual order may not necessarily correspond to the DOM order.
In addition, the `order` CSS property can affect the visual order of grid items.

It may be useful for the CSS Grid Page Overlay to have an option that illustrates the various orderings of items in a masonry layout: DOM order, masonry order, order according to the `order` CSS property. 

A similar option to show order exists for the CSS Flexbox Page Overlay.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1994951</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2023-11-27 08:10:19 -0800</bug_when>
    <thetext>&lt;rdar://problem/118834177&gt;</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>