Bug 265383

Summary: Web Inspector: CSS Grid Page Overlay: show order of items in masonry layout
Product: WebKit Reporter: Razvan Caliman <rcaliman>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Bug Depends on: 265381    
Bug Blocks:    

Description Razvan Caliman 2023-11-27 08:09:25 PST 
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.
Comment 1 Radar WebKit Bug Importer 2023-11-27 08:10:19 PST 
<rdar://problem/118834177>