CODEWITHSUNDEEP
javascriptphphtmliostypeahead.js
Vasilis Karantousis
Vasilis Karantousis

Reputation: 31

Search button on ios keyboard does not submit the form

I coded a simple search form for my website using just a text input for the search term. Also i used the typeahead.js plugin which allows autocomplete while typing.

Everything seems to work fine except when i'm trying to submit the form using the Search button of the ios keyboard. When i tap it nothing happens.

Any ideas about why this is happening?

Here is the form's code:

<form action="[config.site_url]/search/find" method="post" id="main-search-form"> 
    <div class="form-group" id="main-search">
        <input id="topnav_search" name="search_text" class="form-control typeahead" placeholder="" type="text" value="">
    </div>
    <input type="submit" name="submit" style="display: none;" />
</form>

And this is the search ios button that i mean:

enter image description here

Upvotes: 0

Views: 2223

Answers (1)

Vasilis Karantousis
Vasilis Karantousis

Reputation: 31

Finally, i just changed the css styling of the submit button to this:

style="position: fixed; top: -1000px;"

Solution found here: Getting iPhone GO button to submit form

Upvotes: 1

Related Questions