bjorn2404 / jQuery-Store-Locator-Plugin

A store locator plugin using Google Maps API version 3
MIT License
495 stars 235 forks source link

Select Option not working on safari/ ios #118

Closed jahidHn closed 8 years ago

jahidHn commented 8 years ago

I have use these codes:

`

                    </form>`

It's working well in firefox , chrome. But Not working on ios/safari web browser

bjorn2404 commented 8 years ago

Try moving the category-filters-container1 ID to an element that wraps around the select field instead of on the select field itself like the following. I didn't test it but that's what's different about your code vs. the example file.

<form id="bh-sl-user-location" method="post" action="#">
    <div class="bh-sl-filters-container">
       <div id="category-filters-container1" class="bh-sl-filters">
        <select name="category">
            <option value="">Please select you choice</option>
            <option value="Local Attractions">Local Attractions</option>
            <option value="recreations">Recreations</option>
            <option value="shopping">Shopping</option>
            <option value="business">Business</option>
            <option value="transportation">Transportation</option>
            <option value="food">Food &amp; Dining</option>
        </select>
    </div>
   </div>
</form>
vigneshsiteone commented 6 years ago

Basically touch events are not set for some reason. The below change in the library worked for me.

In documentCancelEvents() , click and keyup events are handled. Add 'touchend' to it. That should do the trick.