Transition events и media queries в Edge 153: как поймать ошибку порядка событий. Практический разбор через timeline queryState × eventType × propertyName × elapsedTime × timestamp × computedValue: независимый control, одно обратимое изменение, дерево решений и stop-line без заявлений о массовости или стабильной доступности.
Где заканчивается подтверждённый факт
Проверенный факт для этого материала: Edge 153 preview notes фиксируют изменение поведения transition events для правил из media queries; измерять следует порядок и elapsedTime, а не визуальное ощущение. Тема — события CSS transition после переключения media query. Release note подтверждает только документированное изменение и его канал, а не работу на каждом компьютере. Поэтому сначала записывают номер сборки, канал, операционную систему, feature detection и источник policy или trial token. Скриншот поискового сниппета, сообщение на форуме и быстрый визуальный результат не заменяют эту границу.
Отдельная пользовательская боль и наблюдаемые поля
Проверяется ровно одна боль: интерфейс меняет media query, но transitionrun, transitionstart и transitionend приходят в неожиданном порядке или не приходят вовсе. Для неё нужен не общий рассказ об Edge, а timeline queryState × eventType × propertyName × elapsedTime × timestamp × computedValue. Каждая строка относится к одному повтору и одному состоянию. Не добавляйте имена, адреса аккаунтов, URL закрытых страниц, токены, содержимое форм и сырые логи. Если поле нельзя объяснить владельцу поддержки одним предложением, его лучше исключить из минимального пакета.
Обратимый лабораторный прогон
Соберите безопасный стенд: страница с matchMedia, одной transition property, монотонным timestamp, кнопкой изменения viewport fixture и журналом четырёх типов событий. До изменения экспортируйте только обезличенное исходное состояние и убедитесь, что тест не затрагивает production. Затем измените один переключатель, token, policy или фрагмент fixture, выполните одинаковый сценарий три раза и верните исходное значение. Контрольная ветка: тот же transition через обычный class toggle без media query и принудительный возврат размера viewport. A→B→A2 нужна, чтобы отличить эффект функции от кэша, профиля и случайного совпадения.
Дерево решения по результату
Применяйте заранее записанное дерево, а не объяснение задним числом: последовательность run→start→end воспроизводима — event-path pass; только cancel — проверить обратное переключение; расхождение с control — сохранить минимальный trace для браузерной команды. Отдельно пометьте «не поддержано», «не включено», «управляется policy», «эксперимент активен» и «поведение подтверждено» — это разные состояния. Если control даёт тот же результат, исследуемая функция пока не доказана. Если A2 не возвращает baseline, тест считается загрязнённым и вывод переносится до чистого повторения.
Красные флаги и критерий остановки
Жёсткая stop-line для этой темы: не строить критическую бизнес-логику только на анимационных событиях, пока повторный прогон и режим reduced motion не дают объяснимый результат. Также остановитесь при неожиданном сетевом обращении, запросе лишнего разрешения, потере состояния, невозможности очистить тестовые данные или расхождении effective policy с записанным владельцем. Не пытайтесь добить желаемый вывод сменой устройства, браузера или формулировки. Не подтверждённая ветка остаётся неизвестной и не превращается в рекомендацию для production.
Минимальный пакет для поддержки
Передайте поддержку только timeline queryState × eventType × propertyName × elapsedTime × timestamp × computedValue, номер Edge, канал, ОС, время теста, ожидаемое состояние и фактический класс результата. Добавьте ссылки на официальные источники и укажите, прошёл ли A→B→A2. Не прикладывайте полный профиль, cookies, содержимое credential, ключи, медиа, личную почту или рабочие документы. Полезный итог отвечает на вопрос «какая граница нарушена и какой один следующий безопасный тест нужен», а не собирает максимальный объём диагностических данных.
Материал подготовлен редакцией VOne с помощью ИИ по открытым официальным и первичным источникам; факты, даты и ссылки перепроверены человеком. Реальные пользовательские данные и рабочие конфигурации не использовались.
Источники и проверка
- Microsoft Edge 153 web platform release notes проверено 2026-08-29
- MDN transitionrun event reference проверено 2026-08-29
Информация актуальна на дату публикации. Правила сервисов, приложений и сетей могут меняться.