Баг при наведении на пункт меню?

Question

[maxim_01]

Собственно вот то что глючит https://jsfiddle.net/szdxn7jq/

Картинка глюка:
Картинка как должно быть:

Скидывал другу, но говорит что все нормально (версия Chrome 56.0.2924.87)
У меня версия Chrome 57.0.2987.133

Comments

[Сергей Горячев]

У меня выглядит так же, как на картинке, но я ничего не понял.
Хотя нет, у меня один эффект наведения.

[Владислав Лысков]

в чём глюк-то и как должно быть?

[alex]

а в чем глюк заключается? и что в результате должно быть? дичь какая-то

[Максим Тимофеев]

Классный вопрос, только вопрос где?

[maxim_01]

Глюк в том что все должно отображаться нормально но при наведении на второй пункт первого меню появляются оранжевые полоски у других пунктов на время анимации (так не должно быть)
P.S Я же предоставил картинку

Answer 1

[tyzberd]

stackoverflow.com/questions/16687023/bug-with-tran...
так норм https://jsfiddle.net/tyzberd/szdxn7jq/2/

Comments

[maxim_01]

Ммм, нет! Вы наверное сами не поняли что сделали, но если вы из своего примера уберете position:relative; из класса overflowed баг вернется!
Там где я ставил overflow:hidden; оправдано между тем я знаю про этот баг с анимацией и overflow и у меня стоят определенные стили которые фиксят его, а тут иная проблема!