Skip to content


Subversion checkout URL

You can clone with
Download ZIP


1.4.0 Beta 1: Tapping associated label for select with data-role="flipswitch" on iOS opens select wheel #6661

burdeasa opened this Issue · 5 comments

4 participants


With jQuery Mobile 1.4.0 Beta 1 running on iOS 6.1.3 or iOS 7.0.3, use the new flipswitch widget by defining a select with a data-role of "flipswitch". Also, include an associated label.

If you tap directly on the switch, the switch toggles as expected. If you tap on the associated label, the switch toggles, but iOS also opens the select "wheel" with choices of "On" and "Off", as usually occurs with a native select.

As a test page, see the demo page at:
Be sure to try the demo entitled "Basic select switch" (the third demo on the page).

Note: This problem does not occur when using input type="checkbox" instead of select.


I am not experiencing this on my iPhone 4S, iOS 7.0.2 with this demo page for both RC1 and beta1.
@burdeasa On which device are you seeing this behavior?


I am seeing it on an 4th Gen iPod Touch running iOS 6.1.3 and on an iPhone 5 running iOS 7.0.3.

Just to make sure we are talking about the same thing: it must be the select demo, not the input checkbox demo, and you must tap on the label text ("Flip toggle switch select:"), not on the switch itself to see the behavior.


I can reproduce the issue. Sometimes not only the native select control is shown, but I also briefly get to see the keyboard. Let's see if we can prevent this.


This is still valid in iOS 6.1.2 with the latest code.

@gabrielschulhof gabrielschulhof added this to the 1.5.0 milestone
@gabrielschulhof gabrielschulhof self-assigned this

Egads! Looks terrible on iOS 7 (iPhone 5S), at least with BrowserStack:

@kakul kakul referenced this issue from a commit in kakul/jquery-mobile
@gabrielschulhof gabrielschulhof Flipswitch: Prevent default when label is clicked
Fixes gh-6661
Closes gh-7942
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.