При резайсе не работает input, почему?

Question

[Andrylomakin]

Есть шапка с полем поиска и при resize блок с поиск мы перемещаем через InsertAfter и в мобильной версии не дает ввести в поле input при клике срабатывает resize и пропадает focus и клавиатура уходит.
Кто-то с таким сталкивался ?

Кусок кода

const rebuidleHeader = function () {
      if ($(window).outerWidth() <= 1199) {
        $('.header-search').insertAfter('.header-cart');
      } else {
        $('.header-search').insertAfter('.header-mail');
      }
    };
    window.addEventListener('resize', rebuidleHeader);
    window.addEventListener('load', rebuidleHeader);

Comments

[v3shin]

Это выглядит максимально странно, что вам при ресайзе приходится перемещать элемент. Без перемещения никак?

[Andrylomakin]

v3shin, К сожалению иногда вариантов нет

Answer 1

[Антон Антон]

Все правильно. Ты запоминай предыдущее значение ширины и перестраивай всё только при её изменении. А на изменение высоты не реагируй.