Почему переходная длительность не работает при этом переходе вида? ⇐ CSS

[Anonymous]

Это работает, но настройка продолжительности игнорируется. Чего мне не хватает?
https://jsfiddle.net/r76z0o8s/

< div class="snippet-code">

Код: Выделить всё

function onClick(e) {
e.target.classList.add('clicked_media_transition')
document.startViewTransition(() => {
e.target.classList.add('expand')
})
}

Код: Выделить всё

body {
margin: 0;
}

div {
width: 300px;
height: 300px;
background-color: pink;
position: absolute;
}

.expand {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
}

::view-transition-group(clicked_media_transition) {
transition-duration: 5s;
transition-timing-function: ease-out;
}

.clicked_media_transition {
view-transition-name: clicked_media_transition;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/792 ... transition