Мне кажется, что я столкнулся с БАГОМ?

Question

[R-Z]

Сегодня столкнулся со странной вещью.
Я делал простую анимацию `fadeIn` и обнаружил, что она ведет себя странно. Я создал онлайн-пример.

https://codesandbox.io/s/wonderful-mccarthy-hhjws?...

Вверху страницы вы увидите кнопку (переключатель). Попробуйте щелкнуть по ней несколько раз, и вы увидите, что анимация сработает один раз, а теперь удалите html-компонент `header`, расположенный на строке 57, и после этого попробуйте снова нажать кнопку.

Почему это происходит?

Компонент `header` содержит простую rotate анимацию. Это из-за этого происходит? В любом случае, мне кажется, что что-то не так.

P.S. Все работает нормально, если заменить 15 строку на этот код `setTimeout (() => (containerElm.style.opacity = shown?" 1 ":" 0 "), 50);

Comments

[Сергей delphinpro]

На что внимание-то обратить?
Лично я не заметил никакой разницы.

[R-Z]

Сергей delphinpro, Сверху кнопка hide / show попробуйте по ней кликнуть несколько раз подряд с задержкой в секунду и будет видно, что текст плавно становится прозрачным один раз, а потом удалите тег header расположенный на 57 строке и попробуйте снова нажать кнопку show / hide и будет видно, что анимация работает плавно всё время (без глюков)

P.S. Тестировал с настольного хрома и мозиллы