mobile picker dismisses native picker instantly

[ghost]

@ansonl commented on May 6, 2018, 11:31 PM UTC:

When setting .selectpicker('mobile'), on iOS 11.3 Safari, the native picker appears for a split second and is then hidden. There is no way to select any options or use the picker on mobile.

Example html and js code:

<select class="selectpicker" id="location-dropdown-btn" data-width="100%" data-style="btn-secondary" data-live-search="true" title="Select a Space-A location" data-toggle="tooltip">
	<option value="">Latest Flights</option>
</select>

<script>
$('#location-dropdown-btn').selectpicker('mobile')
</script>

Additionally, is there a way to disable the mobile style as well or have this feature added in?

I would like to set the mobile style as the safe default and change it to normal style if I detect a capable browser. Thanks.

This issue was moved by caseyjhol from snapappointments/bootstrap-select-temp#55.

[ghost]

@sinneren commented on May 7, 2018, 8:45 AM UTC:

Confirm issue, bug from 12.4 original plugin, actual for 11+ iOS and mobile touch emulation on Chrome Dev Tools. Without "mobile" option. Clean "open" class name when touch. But in clean demo work fine.
And work when long tap. Here the demo: https://jsfiddle.net/sinneren/9tae6atb/1/

[ghost]

@caseyjhol commented on May 7, 2018, 10:43 PM UTC:

@ansonl Does the problem persist if you set data-mobile="true" on the select itself?

[ghost]

@ansonl commented on May 7, 2018, 10:51 PM UTC:

@caseyjhol Yes, the problem still persists.

[ghost]

@caseyjhol commented on May 7, 2018, 10:52 PM UTC:

What version of Bootstrap and Bootstrap-select are you using?

[ghost]

@ansonl commented on May 7, 2018, 11:17 PM UTC:

Bootstrap v4.1.0
Bootstrap-select v1.13.1

[ghost]

@caseyjhol commented on Jun 5, 2018, 8:32 PM UTC:

See snapappointments/bootstrap-select#1828.

[caseyjhol]

Duplicate of #1828.