I recently added a search bar to my website and I've encountered a strange issue: when pressing the search button on an iPhone, the keyboard does not dismiss even though the search function works perfectly fine. Essentially, after typing in the search query, hitting the "Search" button on the iPhone keyboard displays the search results but the keyboard remains on the screen. It seems like the form is being submitted but iOS is not allowing the user to view the results.
Below is the code snippet:
<form style="margin-bottom: 20px; text-align: center" class="visible-xs" ng-submit="updateEvents()">
<div>
<input type="text" id="textSearch" class="form-control" ng-model="search_text" placeholder="Search Here" style="margin-bottom: 5px">
</div>
<button class="btn btn-primary" type="submit">
<i class="fa fa-search"></i> Search
</button>
</form>
Visit the live site at SparkMyInterest.com
NOTE: The application is built using Angular.