1685891 - [Inactive CSS] Display a warning when order is used on explicitly placed grid item in combination with z-index

Status: NEW

(DevTools :: Inspector: Rules, enhancement)

Description

[Sebastian Zartner [:sebo]]

The order property set on grid items doesn't have an effect if an item is explicitly placed and it's the only one in its stacking context created via z-index.

Example: https://codepen.io/SebastianZ1983/pen/ExgpzoY (order set on #item1 doesn't have an effect)

Suggested wording:
[This property] doesn't have an effect because it's set on a an explicitly placed grid item, which is the only one in its z-axis order.
Try setting z-index to the same value as an overlapping item or remove the property.

Sebastian