Как правильно пофиксить баг с бургером?

Question

[Дмитрий]

Есть вот такой бургер. Если нажимать на него очень быстро (хватит и пары тройных кликов что бы заметить), то анимация не успевает производиться, и потому вид бургера принимает неправильный вид (вместо неактивного вида, будет активный). Как лучше пофиксить эту проблему? Отключать возможность клика по элементу на время произведения анимации? Или есть иной, более "правильный" способ?

Answer 1

[Vasyl Kovbassa]

А оно те надо??
Попробуй уменьшить transition или добавить setTimeout

Comments

[Дмитрий]

Честно, я сам забил на это сразу как сделал и заметил проблему. Ну кому в голову взбредет тыкать по бургеру как угарелый? В итоге человек 5 подметили "а у тебя там баг с бургером". Ну вот любят люди тыкать во что-то забавное)

[Vasyl Kovbassa]

Х)

Answer 2

[Пётр Кузьмичёв]

Что-то не смог воспроизвести ваш бургерный баг. Сколько ни кликай - всё как надо.

Comments

[Дмитрий]

Да ну как это. По тройному клику он с 80% вероятностью срабатывает) Посчитайте сами. По неактивному бургеру нажмите быстро три раза и посмотрите какой вид он примет. По логике должен принять прежний вид, ибо 0 - 1 - 0, но по сути почти всегда будет 0 - 1 - 1.

[Пётр Кузьмичёв]

Дмитрий: А что в вашем понимании "неактивный бургер"? :) При клике на бургер(1) - появляется крестик (0), 1-0-1-0. такого, чтобы было 1-0-0 или 0-1-1 у меня добиться что-то не выходит... я даже снял видео с экрана, но сюда его прицепить нельзя, как оказалось =(

[Пётр Кузьмичёв]

Дмитрий: на мыло из вашего профиля отправил видео

[Дмитрий]

Пётр Кузьмичёв, не хотел все же линк давать, но вот ссылка на гиф, вот сам сайт где можете потестить

[Дмитрий]

Пётр Кузьмичёв, или же вот