- From: Oriol Brufau via GitHub <noreply@w3.org>
- Date: Fri, 20 Feb 2026 14:57:09 +0000
- To: public-css-archive@w3.org
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-align] Fallback alignment for baseline self-alignment doesn't have `self-` in browsers ==
https://drafts.csswg.org/css-align-3/#valdef-justify-self-first-baseline
> The [fallback alignment](https://drafts.csswg.org/css-align-3/#fallback-alignment) for [`first baseline`](https://drafts.csswg.org/css-align-3/#valdef-justify-self-first-baseline) is `safe self-start` (for [self-alignment](https://drafts.csswg.org/css-align-3/#self-align))
https://drafts.csswg.org/css-align-3/#valdef-justify-self-last-baseline
> The [fallback alignment](https://drafts.csswg.org/css-align-3/#fallback-alignment) for [`last baseline`](https://drafts.csswg.org/css-align-3/#valdef-justify-self-last-baseline) is `safe self-end` (for [self-alignment](https://drafts.csswg.org/css-align-3/#self-align))
But browsers seem to use `start` and `end` instead:
```html
<!DOCTYPE html>
<style>
article { display: grid; width: 200px; height: 50px; border: solid }
article > div { background: cyan; direction: rtl }
article > div::before { content: attr(style) }
</style>
<article><div style="place-self: start"></div></article>
<article><div style="place-self: self-start"></div></article>
<article><div style="place-self: end"></div></article>
<article><div style="place-self: self-end"></article></article>
<article><div style="place-self: baseline"></div></article>
<article><div style="place-self: first baseline"></div></article>
<article><div style="place-self: last baseline"></div></article>
```
| Firefox | Chrome | WebKit |
| - | - | - |
| <img width="216" height="403" alt="Image" src="https://github.com/user-attachments/assets/aaa30acd-dd3d-4cb5-8c95-25565b52cba2" /> | <img width="216" height="403" alt="Image" src="https://github.com/user-attachments/assets/03bf9ca7-d301-4a49-8c4a-592ef7741c82" /> | <img width="216" height="403" alt="Image" src="https://github.com/user-attachments/assets/f88b3880-bb5e-4c43-9a47-6ebacce13184" /> |
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13539 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 20 February 2026 14:57:09 UTC