Не работает поиск на мобильных телефонах.

Аватар пользователя VasyOK VasyOK 2 августа в 13:13

Всем привет. Сайт https://stickyline.ru/

Не работает поиск в мобильном меню на смартфонах. Хотя на эмуляторе Андроида и в Андроид ТВ боксе работает.
https://www.youtube.com/watch?v=_XXGrMpsb0U&feature=youtu.be

Можно ли побороть? Или забить?

0 Thanks

Комментарии

Аватар пользователя gun_dose gun_dose 2 августа в 15:11

Не знаю, не встречался с таким. Но видно какой-то скрипт убирает фокус с инпута. Нужно учитывать, что на мобильных устройствах hover и click - это одно событие.

Но вообще, в коде очень смущает вот что:

<input title="Введите ключевые слова для поиска." value="Поиск по сайту" onblur="if (this.value == '') {this.value = 'Поиск по сайту';}" onfocus="if (this.value == 'Поиск по сайту') {this.value = '';}" type="text" id="edit-search-block-form--2" name="search_block_form" size="15" maxlength="128" class="form-text">

Почему бы просто не использовать placeholder?

Аватар пользователя deadie deadie 2 августа в 21:20

Что-то снимает фокус с поля ввода, т.к. клавиатура появляется и сразу прячется. Ищи проблему в JS.

Аватар пользователя VasyOK VasyOK 5 августа в 10:37

Проблема была в следующем:
Поиск становился в нужный контейнер, в зависимости от разрешения экрана:
http://stickyline.ru/sites/all/themes/sline/js/mobile-menus.js - закоментировано. Оно конечно работало, но на устройствах с тачем почему-то давало глюк при вводе.

Вывел поиск 2 раза и задал display:none по медиа запросу.