I have a search form consisting of 5 html selects, on a site which is running Bootstrap 4.1. This does not work on Apple phones, because when the visitor touches the select, the dropdown of options does not appear. This works fine on computers and android devices. Does anyone have a work around?
Answered by:- jaya
Can you provide us your HTML/CSS code, so we can check what is the possible cause of the issue, without code it is difficult to judge what can be the issue in your Code.
If you can't take a look at the following link
https://forums.developer.apple.com/thread/84585
https://stackoverflow.com/questions/20960405/bootstrap-3-dropdown-on-ipad-not-working
https://stackoverflow.com/questions/34687656/css-drop-down-menu-is-not-working-on-ios-devices
If you can still post the Code, just edit your question, select "{;}" and paste your HTML/CSS/jQuery code or paste it here.
Answered by:- eservice@live.com
The third of the three links above
https://stackoverflow.com/questions/34687656/css-drop-down-menu-is-not-working-on-ios-devices
contained the suggestion which works - so now, all the selects have onclick="void(0)" on them, and the client tells me that this is working - I can't check it, I don't have an apple phone.
<select class="form-control" name="location" id="location" onclick="void(0)">
Subscribe to our weekly Newsletter & Keep getting latest article/questions in your inbox weekly
Buy us a coffee
Become a Patron