SVG animation не срабатывает в FF

#javascript #svg #firefox #svg_animation

Коллеги есть такой код. Кнопка для плеера play-pause. 



let flag = true,
  pause = document.getElementById('pause'),
  play = document.getElementById('play');


document.getElementById('wrapper_svg_1').addEventListener('click', function() {

  if (flag == true) {
    pause.beginElement();
    flag = false;
  } else {
    play.beginElement();
    flag = true;
  }
  console.log(flag);
});

  






Особо рассказывать, что тут к чему, думаю не стоит. 

Единственная проблема в том, что данная анимация на срабатывает в FF.
При клике как есть изначальная фигура так и остается.

Пол дня ковыряюсь не могу понять, что к чему и почему так.
    

Ответы

Ответ 1

Коллеги, оказалось все просто.  Формат атрибута dur="n" у меня dur=".1s", что FF
и не нравиться. Формат атрибута dur="n" должен быть такой dur="0.1s" и все заработает



let flag = true,
  pause = document.getElementById('pause'),
  play = document.getElementById('play');


document.getElementById('wrapper_svg_1').addEventListener('click', function() {

  if (flag == true) {
    pause.beginElement();
    flag = false;
  } else {
    play.beginElement();
    flag = true;
  }
  console.log(flag);
});