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

corner-shape меняет углы в Safari Technology Preview 251: матрица радиуса и fallback

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

corner-shape меняет углы в Safari Technology Preview 251: матрица радиуса и fallback. Практическая проверка Safari Technology Preview 251: матрица «размер блока × radius × corner-shape × overflow × визуальная граница», обратимый canary и ясный критерий остановки.

Симптом и граница CSS-свойство corner-shape

Вопрос здесь один: как проверить corner-shape в safari technology preview 251 без поломки формы компонента. Наблюдаемое расхождение — карточка или кнопка получает неожиданную геометрию углов при том же border-radius. Название новой возможности не равно диагнозу: сначала нужны один повторяемый fixture и пара expected/actual. Граница наблюдения записывается как «input geometry → computed value → paint → rollback frame». Любая другая ошибка остаётся за пределами этого URL.

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

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

Поля контроля: матрица «размер блока × radius × corner-shape × overflow × визуальная граница»

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

Обратимый опыт для CSS-свойство corner-shape

Одиночный canary: применить corner-shape только к копии одной карточки, сравнить при двух радиусах и удалить свойство для проверки возврата. До воздействия запишите исходную строку, после — только заранее выбранные поля, затем верните исходное состояние и повторите то же наблюдение. Геометрию оценивайте при двух известных радиусах на блоке фиксированного размера. Отдельно сохраните overflow и фон, иначе обрезка может выглядеть как иная форма угла. Визуальная граница не подтверждает изменение hit area, поэтому кликабельность здесь не диагностируется. Неоднозначный результат не расширяет эксперимент: он получает статус unknown.

Как принять решение: матрица «размер блока × radius × corner-shape × overflow × визуальная граница»

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

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

Стоп-линия: не оценивать кликабельную область только по форме рисунка и не менять одновременно radius, padding и overflow. Для поддержки достаточно точной версии Technology Preview 251, коротких expected/actual, минимального fixture, шага возврата, матрица «размер блока × radius × corner-shape × overflow × визуальная граница» и ссылки на 319205@main. Перед передачей удалите локальные пути, дампы профиля, идентификаторы и любой реальный контент. Отчёт не обещает исправление и не переносит вывод на stable Safari.

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

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

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

Ответы

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

Ваш ответ

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

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

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