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

Question

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

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

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

Все другие формы, кажется, работают хорошо с мобильных устройств.

Вот мой 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.

Answer 1

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

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

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

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

Answer 2

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