Re: [csswg-drafts] [css-grid-3] Make align-self/justify-self align including adjacent extra space (#10275)

The CSS Working Group just discussed `[css-grid-3] Make align-self/justify-self align including adjacent extra space`, and agreed to the following:

* `RESOLVED: Find a solution to this`
* `RESOLVED: use align-self and align-items`
* `RESOLVED: define normal resolves to start when stacking forwards and end when stacking backwards`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> For a simple example, the image in https://github.com/w3c/csswg-drafts/issues/10275#issuecomment-3169522037<br>
&lt;Kurt> fantasai: there was a question of what should we do with alignment in the stacking axis. For the align-content property on the container, we move the entire stack of items without moving them. There was some discussion of distributing space, but it is hard to reconcile with spanning, so we didn't go down that direction<br>
&lt;fantasai> https://github.com/w3c/csswg-drafts/issues/10275#issuecomment-2100950232<br>
&lt;Kurt> ...there was an idea of using aling-self or justify-self to handle gaps in layout. If you have a spanning item, see illustrations on the 8th, you would be able to control the item that is adjacenbt to the empty space up or down or stretch to create slightly different layouts. Stretch probably most popular. Discussion about do we want to, does it<br>
&lt;Kurt> make sense. Alison has been digging into more detailed option. Is this a model that's appropriate for alignment.<br>
&lt;Kurt> alisonmaher: From an implementation perspective, looking at the item above the spanner makes things a lot simpler, would push for. Stretch is the main case that I think would be useful. We can discuss other options too. Start, end, center are also other options worth doing.<br>
&lt;Kurt> astearns: first question: do we want these affordances at all<br>
&lt;TabAtkins> +1 to doing this behavior, and weakly support using align-self for it<br>
&lt;Kurt> ...do we need to resolve on solving this problem and then work on details later?<br>
&lt;Kurt> alisonmaher: seems like a good start<br>
&lt;Kurt> astearns: any concerns?<br>
&lt;Kurt> ...or doesn't care?<br>
&lt;Kurt> ...proposed resolution - will create some affordance for aligning within possible empty space in grid-lanes layouts<br>
&lt;Kurt> ...objections?<br>
&lt;Kurt> RESOLVED: Find a solution to this<br>
&lt;Kurt> ...should we resolve on a method like align-self or take back to the issue?<br>
&lt;TabAtkins> yes, align-items works as normal<br>
&lt;Kurt> miriam: if it's align-self, align items should set the default?<br>
&lt;Kurt> ...sounds good to me<br>
&lt;Kurt> fantasai: main downside to align-items is awkwardness - can't control first row independently of last row. Could expand at some point for all systems if we want to<br>
&lt;Kurt> miriam: one use case is setting everything to stretch<br>
&lt;Kurt> ...would be easier to do with align-items than selecting everything<br>
&lt;Kurt> ...and doing align-self<br>
&lt;Kurt> astearns: does align-self have the right default?<br>
&lt;Kurt> tabatkins: deafult doesn't do anything useful<br>
&lt;Kurt> fantasai: start alignment is the most reasonable default<br>
&lt;Kurt> astearns: proposed resolution: we will use align-self and align-items to control this behavior<br>
&lt;Kurt> ...objections?<br>
&lt;fantasai> Actually, if we add wrap-reverse, maybe we need a track-start/track-end pair kinda like flex-start/flex-end ...<br>
&lt;Kurt> RESOLVED: use align-self and align-items<br>
&lt;fantasai> or maybe we just need to make normal do that and don't give people end<br>
&lt;Kurt> fantasai: follow-up question about defaults, resolving normal to start makes sense if we stack forward. If we reverse direction and are stacking from bottom, we probably need normal to behave as end. We need to change initial value to behave differently.<br>
&lt;Kurt> astearns: couldn't reverse change start?<br>
&lt;Kurt> TabAtkins: no, but it can if there's no normal<br>
&lt;Kurt> fantasai: Proposed: initial value resolves to start when stacking forwards and end when stacking backwards<br>
&lt;Kurt> astearns: concerns?<br>
&lt;Kurt> ...objects to proposed default behavior<br>
&lt;Kurt> RESOLVED: define normal resolves to start when stacking forwards and end when stacking backwards<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10275#issuecomment-3666150085 using your GitHub account


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

Received on Wednesday, 17 December 2025 16:27:09 UTC