Re: [csswg-drafts] [css-gaps] Gap decoration outsets at the edges (#12024)

> I'm not sure if there is an author need for this, but it came to mind when reviewing some of the wpt tests for the feature where the decoration overflowed the edges as a result of the outset, and I figured that is unlikely to be a desirable behavior. See https://chromium-review.googlesource.com/c/chromium/src/+/6341671/19/third_party/blink/web_tests/external/wpt/css/css-gaps/tentative/grid/grid-gap-decorations-012.html as an example

One use case I had in mind for decorations extending outside the bounds of the container is something like https://github.com/w3c/csswg-drafts/issues/2748#issuecomment-395604491:
![Image](https://github.com/user-attachments/assets/3cf40ff2-a184-4f5e-a54a-fbee0ddff66a)

I envisioned constructing this by doing something like:
```css
.container {
  display: grid;
  grid-template-columns: 400px 100px;
  row-gap: 10px;
  row-rule: 1px solid silver;
  row-rule-outset: 10px;
  margin: 10px;
}
```

such that the decorations extend into margins on the grid. Though if that would be considered weird, I suppose authors could achieve the same effect with padding on the grid items instead.

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


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

Received on Friday, 2 May 2025 23:56:07 UTC