Фреймворки фремворками, а махина CSS медленно, но верно движется вперёд.
Вчера были опубликованы две новых версии черновиков CSS Box Alignment Module Level 3 и CSS Positioned Layout Module Level 3.
В Position 3 с прошлой публикации:
- уточнили концептуально, что такое
static position и static position rectangle,- а также явно прописали, что
position: absolute вынуждает бокс получить independent formatting context (то есть если этот блок внутри грида и ему задали pos:abs, то субгрид внутри него выключится).В Align 3 с прошлой публикации:
- добавлены технические правки, связанные с baseline и особенностями выравнивания по ней,
- также выравнивание при значениях
space-around и space-evenly стало по умолчанию «безопасно» (то есть если такое выравнивание переполняет контейнер и приводит к обрезанию контента, то это выравнивание будет вести себя так, чтоб контент не обрезался, например, будет становиться как start),- уточнено, что для замещаемых элементов (например,
img) не будет работать внутреннее выравнивание, так как внутри таких элементов не могу содержаться другие элементы.Также несколько дней назад был обновлён CSS Snapshot 2023, к котором в раздел «Modules with Rough Interoperability» внесли три новых спецификации:
1. CSS Conditional Rules Module Level 4
@-правила, например, @supports и @media — сейчас лучше всего поддерживаются в Firefox, в отстающих Safari.
2. CSS Cascading and Inheritance Level 5
Каскадные слои @layer — тут в лидерах по имплементации Chorome, а Firefox отстаёт.
3. CSS Scroll Snap Module Level 1
Пристыковка к скроллу — ситуация примерно одинаковая во всех браузерах.
И ещё на очереди публикация первых версий черновиков Web Animations Level 2 и CSS Animations Level 2.
UPD: Также в раздел «Safe to Release pre-CR Exceptions» был добавлен relative color syntax.