К обсуждениям

@container с запятыми не срабатывает в Safari Technology Preview 251: карта условий и fallback

Редакция VOne Технологии

@container с запятыми не срабатывает в Safari Technology Preview 251: карта условий и fallback. Практическая проверка Safari Technology Preview 251: решающая сетка «ширина контейнера × условие A × условие B × список × отдельные правила», обратимый canary и ясный критерий остановки.

Симптом и граница список условий через запятую в CSS @container queries

Вопрос здесь один: как проверить comma-separated условия @container в safari technology preview 251. Наблюдаемое расхождение — адаптивный блок не выбирает ожидаемую ветку, когда несколько container-условий объединены списком. Название новой возможности не равно диагнозу: сначала нужны один повторяемый fixture и пара expected/actual. Граница наблюдения записывается как «event start → transition state → completion → released listener». Любая другая ошибка остаётся за пределами этого URL.

Два первичных источника для 318233@main

Официальная страница WebKit датирована 26 августа 2026 года, описывает Release 251 и в соответствующей строке называет список условий через запятую в CSS @container queries. Эта строка ссылается на 318233@main, первичную запись изменения в репозитории WebKit. Это подтверждает границу функции в Technology Preview, но не подтверждает ни конкретный сбой сайта, ни поведение stable Safari. Поисковый сниппет и community reply в этот слой доказательств не входят.

Поля контроля: решающая сетка «ширина контейнера × условие A × условие B × список × отдельные правила»

Базовый набор для этой задачи: имя контейнера, его inline-size, каждое условие отдельно, итоговое правило, computed style и порядок исходников. Поле «имя контейнера»: не восстанавливайте по памяти; его значение не подменяет соседнюю колонку. Поле «его inline-size»: снимите до опыта; его значение не подменяет соседнюю колонку. Поле «каждое условие отдельно»: сопоставьте с контролем; его значение не подменяет соседнюю колонку. Поле «итоговое правило»: пометьте observed или unknown; его значение не подменяет соседнюю колонку. Поле «computed style»: повторите после отката; его значение не подменяет соседнюю колонку. Поле «порядок исходников»: не восстанавливайте по памяти; его значение не подменяет соседнюю колонку. Время, точная сборка и одинаковый fixture нужны для повтора, но имена, IP, cookie, токены, полные URL с query и содержимое рабочих данных не собираются.

Обратимый опыт для список условий через запятую в CSS @container queries

Одиночный canary: сравнить одно правило со списком и две эквивалентные отдельные ветки на трёх фиксированных ширинах, после чего вернуть исходный CSS. До воздействия запишите исходную строку, после — только заранее выбранные поля, затем верните исходное состояние и повторите то же наблюдение. Для каждой фиксированной ширины вычислите условие A и условие B по отдельности, затем сопоставьте их со списком через запятую. Если расходится только вариант со списком, приложите минимальное правило. Если расходятся и одиночные условия, сначала исправьте container-type или измерение inline-size. Неоднозначный результат не расширяет эксперимент: он получает статус unknown.

Как принять решение: решающая сетка «ширина контейнера × условие A × условие B × список × отдельные правила»

Практический итог — решающая сетка «ширина контейнера × условие A × условие B × список × отдельные правила». Заполните в нём все предусмотренные поля. Если вход не принят, отметьте unsupported и сохраните прежний fallback. Если функция доступна, но боль «адаптивный блок не выбирает ожидаемую ветку, когда несколько container-условий объединены списком» не повторилась, результат равен not reproduced только для этого fixture. Локальное повторение после единственного изменения и успешный возврат дают reproduced. Неудачный возврат — stopped, а не предлог менять ещё одну переменную.

Красная линия и минимальный report 318233@main

Стоп-линия: не менять одновременно breakpoints и структуру DOM и не объявлять багом результат при неверно назначенном container-type. Для поддержки достаточно точной версии Technology Preview 251, коротких expected/actual, минимального fixture, шага возврата, решающая сетка «ширина контейнера × условие A × условие B × список × отдельные правила» и ссылки на 318233@main. Перед передачей удалите локальные пути, дампы профиля, идентификаторы и любой реальный контент. Отчёт не обещает исправление и не переносит вывод на stable Safari.

Материал подготовлен редакцией VOne с помощью ИИ; границы фактов, дата, первичный WebKit commit, стоп-линия и роль community lead постатейно проверены 29 августа 2026 года.

Источники и проверка

Информация актуальна на дату публикации. Правила сервисов, приложений и сетей могут меняться.

Ответы

0 опубликовано
Ответов пока нет. Вы можете начать обсуждение.

Ваш ответ

Добавьте свой опыт или уточнение по теме.

Вы публикуете как Аноним Аватар отличает разговоры, но не раскрывает личные данные.

Ответ появится сразу. Не публикуйте личные данные, ключи и приватные ссылки.