Как можно избавиться от бага, который появляется при ресайзе окна?

? это анимация к иконкам в строке поиска. А про другое говорю, мне на экранах меньше 990 нужно чтобы у этой строки поиска был транситион алл, и трансформ. Потом при тогле эта строка выезжать должна. А при изменении окна на 990 - 989 - 990 - 989 видно как это окно плавает по середине. Мне нужно чтобы при ресайзах этого не было.

Алёша, Плавает это окно как раз изза этой анимации. Откройте в девелопер тулзах дебагер анимации и посмотрите. Если анимация не должна цеплять изменения размера при ресайзе, напишите правило так чтобі она его не цепляла.

Владимир, да нет же. Я про другое говорю, вот на гифке видно что желтое окно поиска начинает мелькать:
Ссылка на гифку

Владимир, нужно как-то избавиться от этого, там не размер окна цепляется, а цепляется "transform:translateY".

https://mega.nz/#!xmAHDDbL!ovM3bjvmRt_amwiDQoCXfpY...

Владимир, да это понятно, этот transition там и должен быть, чтобы анимировать строку поиска когда она на мобиле тоглиться по кнопке.
Она должна появлятся когда нажимаешь на лупу на экранах меньше чем 990 пикселей.

Владимир, Я знаю почему это происходит, мне нужно это как-то обойти.

transition: all анимирует все свойства, вместо єтого анимируй только те, которіе тебе нужны.
Кроме этого поставь анимацию на клас, которого нет у элементов, на которых не должно быть анимации.