ВП; Не удается ввести текст в поле ввода поиска с мобильного устройства iOS

Не уверен, что кто-то сталкивался с этим раньше, для меня это новинка. В настоящее время я разрабатываю тему с формой поиска на главной боковой панели, которая в данном случае удваивается как раздел заголовка.

Форма хорошо работает с компьютера, даже если этот экран опущен, чтобы он был таким узким, как для телефона.

Проблема в том, что когда я пытаюсь использовать форму с планшета или телефона, она не позволяет мне вводить текст в поле. Когда я нажимаю на форму, моя клавиатура появляется на мобильном устройстве, но ничего из того, что я ввожу, не заполняет поле.

Все остальные формы хорошо работают с мобильных устройств.

Вот мой searchform.php:

<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">

    <label for="s" class="assistive-text"><?php _e( 'Search', 'fsxo' ); ?></label>

    <input type="text" class="form-control" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', 'fsxo' ); ?>" />

    <input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'fsxo' ); ?>" />

</form>

Я вызываю его на боковой панели так: <?php get_search_form(); ?>

Любая помощь в выяснении этого, как всегда, очень ценится.

Спасибо!

ОБНОВЛЕНИЕ: работает на Android, но не на iOS.


person Eric Brockman    schedule 11.03.2016    source источник
comment
Вероятно, это проблема JS или CSS... можете ли вы предоставить URL-адрес сайта?   -  person Felipe Elia    schedule 14.03.2016


Ответы (2)


Убедитесь, что вы установили цвет на мобильном устройстве в CSS. Установите черный цвет только для тестирования, если вам нужно.

person jimboobrien    schedule 15.03.2016
comment
Установить цвет поля ввода? установлено. Не уверен, что вы предполагаете, что текст, который будет введен, имеет тот же цвет, что и фон, но в этом случае он все равно будет работать, когда пользователь нажимает ввод (отправить). Однако в настоящее время это не так. - person Eric Brockman; 15.03.2016
comment
Затем я рекомендую отключить все плагины, чтобы увидеть, не конфликтует ли это с jquery. Tbh У меня были проблемы с такими темами в прошлом, и после удаления всех плагинов я обычно обнаруживал проблему. Кроме того, попробуйте удалить отправку класса из кнопки отправки или переименовать ее и посмотреть, получите ли вы другие результаты. - person jimboobrien; 18.03.2016

Вы знаете HTML? ;-) Не уверен, что это проблема, но если вы используете get_search_form() дважды в своей теме, вы не можете использовать какое-либо свойство HTML-ID, поскольку оно должно быть уникальным идентификатором для каждого определения< /сильный>.

В любом случае вы можете заполнить оба текстовых поля в своих формах поиска с помощью get_search_query().

Чтобы запрос работал, важно иметь метод = "get" и name = "s" для текстового поля ввода.

Если по-прежнему невозможно поместить какой-либо текст в поля ввода после удаления (или создания уникальных) всех идентификаторов, возможно, это проблема CSS (элемент находится над вводом текста) или любая проблема JS, которая не может быть получена из вопроса как это в настоящее время спрашивают здесь.

person Blackbam    schedule 15.03.2016
comment
Да, было бы довольно сложно создать эту тему, не зная HTML. get_search_form() вызывается в теме только один раз. метод установлен на получение, а имя установлено на «s». Как я уже упоминал, он отлично работает на компьютерах, и я могу щелкнуть по нему с мобильного устройства (иначе клавиатура не появится), поэтому я думаю, что он находится впереди по оси Z, но ничего, введенное с клавиатуры, не заполняет поле ввода. . - person Eric Brockman; 15.03.2016
comment
HTML был просто шуткой. Актуальна ли проблема для всех мобильных устройств (Android и IPhone). Вы пробовали использовать инструменты/эмуляторы отладчика мобильных устройств Google Chrome? Проблема существует там? Может быть какой-нибудь Javascript, который очищает поле ввода при нажатии клавиши или что-то в этом роде. как это? - person Blackbam; 15.03.2016
comment
Ура, я не тестировал Android, но он не работает на iOS. Я посмотрю отладчики устройств, не уверен, что у меня установлен банкомат. Насчет js сомневаюсь, так как все остальные поля формы работают с мобильных устройств. - person Eric Brockman; 15.03.2016
comment
Так что, должно быть, проблема с iOS, так как я только что проверил это на Android, и это сработало. - person Eric Brockman; 15.03.2016
comment
@Eric: Вам не нужно отдельно устанавливать какие-либо отладчики устройств, которые являются частью Google Chrome. - person Blackbam; 15.03.2016
comment
Возможно, что-то из этого поможет: stackoverflow.com/questions/25610517/, stackoverflow.com/questions/11494687/, stackoverflow.com/questions/15278930/ - person Blackbam; 15.03.2016