Почему API веб-анимации reverse () вызывает скачок моей анимации?

Question

Документы повсюду говорят, что вызов reverse() во время воспроизведения анимации аналогичен установке playbackRate в -1, но моя анимация скачет как сумасшедшая, когда используется reverse(). playbackRate отлично работает. Я действительно хотел бы использовать reverse(), потому что он не зависит от состояния, но, боюсь, я его не понимаю.

У меня есть небольшой пример вращающегося квадрата на codeandbox:

https://codesandbox.io/s/small-browser-1bkdt?file= / src / index. js

Я что-то не так делаю или reverse() не так просто?

ОБНОВЛЕНИЕ :

• Это может быть ошибка Codesandbox, поскольку эта скрипка от @Kaiido работает отлично.

• Я использую Firefox 75.0 и MacOS. Chrome вроде нормально работает.

Answer 1

Как видно из этой проблемы с кодами и ящиками , поведение с перебоями можно решить, отключив "Бесконечную l oop защиту" в sandbox.config.json. Мне также пришлось раскошелиться на проект, прежде чем он начал работать отлично. Вероятно, это не проблема с Firefox.