css scroll-snap не работает, когда правило сначала удаляется, а затем снова добавляется

Question

У меня есть контейнер с scroll-snap-type: y mandatory; и дочерние элементы с scroll-snap-align: start;.В Chrome привязка свитка работает как положено.Затем я удаляю правило css относительно scroll-snap-type через js и возвращаю его позже.после этого привязка не работает.это ошибка?Я делаю что-то неправильно?это поведение соответствует спецификации?или есть обходной путь для этого?

(я только что проверил это в браузере Chrome на Windows-машине.)

демо: https://jsfiddle.net/gjcs3y6k/2/

Answer 1

Если вы также удалите и добавите правило для дочерних элементов, scroll-snap-align, оно будет работать нормально.

Я обновил вашу скрипку: https://jsfiddle.net/gjcs3y6k/4/