Задать вопрос

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

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

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

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

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

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

P.S. Все работает нормально, если заменить 15 строку на этот код `setTimeout (() => (containerElm.style.opacity = shown?" 1 ":" 0 "), 50);
  • Вопрос задан
  • 354 просмотра
Подписаться 3 Средний 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽