Svg rewind работает в Firefox, а не в Chrome ⇐ Javascript

[Anonymous]

Вот фрагмент, где пользователь контролирует прогресс SVG с использованием слайдера. Он работает в Firefox. Но в Chrome, после того, как он сдвинул его до самого конца, он перестает работать.

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

const input = document.querySelector('input');
const animate = document.querySelector('animate');
const svg = document.querySelector('svg');

animate.beginElement();
svg.pauseAnimations();
const duration = animate.getSimpleDuration();

input.addEventListener('input', function() {
svg.setCurrentTime(this.value / 100 * duration);
});< /code>

Проблема может быть решена путем удаления begin = "endefinite" . Но это может ограничить другие варианты использования или потребовать хакерских обходных путей. < /P>
Какие другие решения? Например, я попытался вызвать animate.beginement () и svg.pauseanimations () снова после ввода.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -in-chrome