Bug 265383 - Web Inspector: CSS Grid Page Overlay: show order of items in masonry layout
Summary: Web Inspector: CSS Grid Page Overlay: show order of items in masonry layout
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on: 265381
Blocks:
  Show dependency tree / graph
 
Reported: 2023-11-27 08:09 PST by Razvan Caliman
Modified: 2023-11-27 08:10 PST (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>