WP; Не удается ввести текст в поле ввода поиска с мобильного устройства 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.

3

Решение

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

0

Другие решения

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

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

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

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

0

По вопросам рекламы [email protected]