Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Button Dropdown Menu Items not clickable on iPhone #4756

Closed
ShivX opened this issue Aug 27, 2012 · 30 comments
Closed

Button Dropdown Menu Items not clickable on iPhone #4756

ShivX opened this issue Aug 27, 2012 · 30 comments

Comments

@ShivX
Copy link

ShivX commented Aug 27, 2012

Since 2.1.0, Button dropdown menu items cannot be clicked/selected on iPhone (Unable to test on other touch devices to confirm). The dropdown menu closes as soon as you try to click an item from the dropdown.

This issue is repeatable on the Bootstrap Sample Page: http://twitter.github.com/bootstrap/components.html#buttonDropdowns

To clarify, I also applied the 4497 fix to see if that helped, and no luck: #4497

@mdo
Copy link
Member

mdo commented Aug 27, 2012

Closing as a dupe of #4497.

@mdo mdo closed this as completed Aug 27, 2012
@ShivX
Copy link
Author

ShivX commented Aug 27, 2012

The 4497 "fix" does not fix this issue though? And the issue I reported is specific to iPhone...

@tonybruess
Copy link

+1 to what ShivX said

@mfansler
Copy link
Contributor

@markdotto probably meant to cite #4550 as the original which this issue duplicates.

Both #4550 and #4497 are included in the 2.1.1 Milestone.

@ShivX
Copy link
Author

ShivX commented Aug 27, 2012

Thanks for the clarification :) 2.1.1 can't come soon enough!

@martinschenk
Copy link

update to 2.1.1 doesn't change the problem - button dropdown menu still not clickable on iPhone and other smarphones.

@niels-s
Copy link

niels-s commented Oct 1, 2012

Updating to 2.1.1 doesn't help for me neither, is there anybody who had a successful fix?

@RusAlex
Copy link

RusAlex commented Oct 10, 2012

the same issue. iOS simulator 5.0 , iPhone and iPad as well.

@autoreverse
Copy link

Ditto on iPad

@TertiumQuid
Copy link

Broken++. Using 2.1.1, across iOS platforms.

@loter
Copy link

loter commented Oct 16, 2012

Any FIX for for this? I have found this problem yesterday, IOS5 on iPad, in Chrome and in built in browser

@luxlyny
Copy link

luxlyny commented Oct 23, 2012

I encounter the same issue, testing on iPAD. hope this gonna be fix soon.

@tkawa
Copy link

tkawa commented Oct 31, 2012

I'm on the same issue. probably fixed in this code for a while.

Add this after line 144 of js/bootstrap-dropdown.js:

    .on('touchstart.dropdown.data-api', '.dropdown-menu', function (e) { e.stopPropagation() })

@luxlyny
Copy link

luxlyny commented Nov 3, 2012

@tkawa : you make my day. Thanks a lot ! pod2g

@tkawa
Copy link

tkawa commented Nov 3, 2012

I had not noticed, the same code has been written on #4550. see there for details.

@antonmedv
Copy link

@tkawa thanks!!!

@iTeaTin
Copy link

iTeaTin commented Dec 5, 2012

@tkawa YOU RULE. THANK YOU.

@jessedobbelaere
Copy link

@tkawa Thanks!

@beurre
Copy link

beurre commented Jan 16, 2013

Hi!
was the problem solved with the 2.2.2?

@Yohn
Copy link
Contributor

Yohn commented Jan 16, 2013

@beurre yes and no. they added the touchstart work around but it also introduced a few other bugs. I believe they're trying to work something out for the next release

@beurre
Copy link

beurre commented Jan 16, 2013

@Yohn thank you! let's see then.

@orokusaki
Copy link

This is still an issue on iPhone, using the latest version downloaded from the website.

@occammd
Copy link

occammd commented May 25, 2013

I noticed problems again with iphone

@portalsinc
Copy link

Same here, iPhone 4s with Bootstrap 2.3.2

@cvrebert
Copy link
Collaborator

@orokusaki @occammd @portalsinc: This issue is way too ancient. Y'all want #7968.

@portalsinc
Copy link

@cvrebert Thanks, Chris. #7968 it is.

@arcoder
Copy link

arcoder commented May 28, 2013

Problem repeats on iphone5.

Alberto

@PriyankaVK
Copy link

I was searching for the fix from yesterday, and your solution work like a charm!!
Thanks a lot tkawa!!!

@miguegaete
Copy link

In your dropdown.js file looks the following string:

"ontouchstart"

and replace by:

"disable-ontouchstart"

This is the ultimate solution to this problem.

@cvrebert
Copy link
Collaborator

Locking since this issue is rather old and about now-unsupported Bootstrap v2.

@twbs twbs locked and limited conversation to collaborators Jul 15, 2014
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests