Re: [csswg-drafts] [css-gaps-1] Gap decorations next to empty grid areas (#12602)

> Is the idea that, once we have dense packing in flexbox, the "ghost items" would not be necessary anymore? 

Yes. I believe it would be beneficial if the current Gap decorations were designed with future scalability in mind.

If your team has the time, you might also consider implementing an experimental version of this flex layout—it addresses a longstanding pain point with flex.

> And then you'd want to be able to control whether a decoration appears (a) to the right of the last item in the flex container, and/or (b) below the items in the next-to-last flex line that are above empty space (14 and 15 in your screenshots)?

Yes, I want to control the right edge of the last flex item and the bottom edge of the 14th and 15th elements.

----

I actually have another case where I'm unsure if gap decorations can achieve this layout.

Currently, I'm using grid gaps combined with outlines, but this approach isn't very elegant.

- Demo 1: From [iconfont.cn](https://www.iconfont.cn/fonts/detail?spm=a313x.fonts_index.i1.d9df05512.7b053a818IKjfg&cnid=IhcTcFymWeyf&lang=en-us)
    <img width="1738" height="888" alt="Image" src="https://github.com/user-attachments/assets/4f785654-f5fb-4cd0-a861-12491d529f0d" />

- Demo 2: Frome [Google fonts](https://fonts.google.com/noto/specimen/Noto+Serif+SC/glyphs?lang=zh_Hans)
    <img width="1520" height="872" alt="Image" src="https://github.com/user-attachments/assets/fdd879de-c72b-4c8f-8bea-340469ad2d69" />

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


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

Received on Thursday, 6 November 2025 14:47:03 UTC