Re: [csswg-drafts] [css-lists] Property to control the spacing (gap) between list-items (#11985)

Thanks for the response and clarification.

I now _better_ understand the underlying behavior of the `list-item` display type - that it acts as a regular block-level (`block flow`) element with an additional marker box - and why it's important to **avoid child elements affecting the parent's formatting context**. I completely agree.  
It is also understandable that introducing a **dedicated spacing property** _could_ create **architectural complications**, similar to the issues that arise with tables.

After reviewing the specifications for the display, flexible box, and grid modules more carefully, it seems entirely appropriate for authors to use layout models such as flex or grid on list elements, as they do _not_ interfere with the marker box. However, while this approach is sufficient for simple lists, **challenges remain when dealing with nested list structures**; for example, applying `:is(ul, ol) { display: grid; gap: 1rem; }` does _not_ handle the spacing between nested lists and **requires additional rules**.  
It would be interesting to explore whether a native, declarative solution could address this use case _cleanly_ without introducing inconsistencies.

-- 
GitHub Notification of comment by glmvc
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11985#issuecomment-2833361202 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Sunday, 27 April 2025 09:54:23 UTC