Home > Drop Down > Dropdowns Not Working On Ipad

Dropdowns Not Working On Ipad

Contents

The issue can be repeated on the bootstrap sample page, and it's pretty critical that Bootstrap button dropdown links don't work on touch devices! :-/ If it means getting it fixed I'll post again when I can create a reproducible issue, or when some module or theme update appears to make it go away. danielspangler commented Sep 13, 2012 @blakeembrey I'm new to this thread, but I just tried #5067 on a scenario that wasn't working with some of the other suggestions on this thread in that place I put it?? check over here

Unfortunately, it looks like it fails to pass the criteria neccessary for submitting to bootstrap. The following things are currently failing: should include a jsfiddle/jsbin illustrating the problem if tagged with js but not a feature For a full list of issue filing guidelines, please refer But, I upgraded to iOS5 on my iPad and they no longer work on it, and purchased the iPhone 4S, where they also don't work. asakapab0i commented Dec 8, 2012 $('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); }); doesnt work for iphone 3gs atleast in my end dmr commented Dec 8, 2012 +1 for this fix. https://css-tricks.com/forums/topic/css-dropdown-menu-for-the-ipad/

Drop Down Menu Not Working On Ipad

Any foreseeable release date for it?   Edit: For those interested, this is my little "workaround" that seems to work, add it after the "bootstrap-dropdown.js" include (I put mine in the Or should I just build another header with a different menu system and throw it up on ipad.3rconcepts.com or something? We were having problems with a dropdown menu on iPads & found this article, but it didn't quite fit our use case - our has a link inside it, so by My issue was a conflict with fastclick.js and the solution was to add the class needsclick to dropdown--toggle element betapixel commented Feb 6, 2013 Ok, thanks again.

  • We only require a link to work when someone selects a menu item that goes no further.
  • Detailed steps appreciated.
  • I created a simple snippet here to test: http://www.bootply.com/104124 javascript ios css twitter-bootstrap-3 share|improve this question asked Jan 6 '14 at 22:21 JeffR 5881412 add a comment| 3 Answers 3 active
  • robdodson commented Jul 22, 2013 cc @gfriebe amending my previous post.
  • Log in or register to post comments Comment #5 pkiff CreditAttribution: pkiff commented January 21, 2015 at 3:45pm Version: 7.x-1.4 » 7.x-1.5 Log in or register to post comments Comment #6
  • Look at how the menu options operate on any computer application.
  • Eric This was referenced May 20, 2013 Open Drop-down menu on Ipad not working 320press/wordpress-bootstrap#113 Closed Dropdown behaviour in responsive navbar thomaspark/bootswatch#100 acs commented May 21, 2013 2.3.2 does not work
  • please solve quickly Formatting for bullets Latest ThemesTagscatch box catch everest Color css featured content featured image featured slider footer header Home Page image images logo menu posts responsive sidebar Simple

I can't seem to access the drop downs as it auto selects the default every time.Thanks,Bill Oct 27, 2011 4:32 AM Helpful (0) Reply options Link to this post by pgoodwin, I'll try to do further testing this weekend and see if I can create a scenario where the issue is reproducible. You can only select from the options that expand out - you can't get anywhere by clicking on the menu title. Ipad Drop Down Menu Hover The problem is that both events 'click' and 'touchstart' are triggered.

For instance, I've noticed that fixed position elements now correctly 'stick' to the top or bottom of web-pages in iOS5, and rich text editors now work. Just add the code to any js file that is loaded after the bootstrap js files rileytg commented May 17, 2013 @GrahamDj What version are you using? I don't think I've ever used clicks? http://stackoverflow.com/questions/20960405/bootstrap-3-dropdown-on-ipad-not-working Thanks,Bill iPad, iOS 5 Posted on Oct 27, 2011 3:36 AM Reply I have this question too Q: Drop down menus no longer work on many sites after upgrade to ios

jiffyclub referenced this issue in swcarpentry/DEPRECATED-website Jan 28, 2013 Merged Drop down menu on SWC website not behaving as expected on mobile browsers #256 betapixel commented Feb 6, 2013 ¡Gracias!. How To Make Drop Down Menus Work On Ipad Das horizontale Drop-Menue lässt sich auf dem neuesten iPad Pro und auch anderen Tablets nicht öffnen. markottaviani referenced this issue in ophrescue/RescueRails Jan 5, 2013 Closed Navbar don't work correctly in mobile/tablet mode #184 robhadfield commented Jan 10, 2013 @danielfranz Bingo! Why Would the President-elect have a Transition Visit before December 19?

Drop Down Menus Don't Work On Ipad

I'm definitely no expert in javascript so this is just me thinking out loud :) soap # March 28, 2011 at 2:02 am hovers for normal browsers. Currently, I suspect a conflict with Bootstrap 7.x-3.0 (Bootstrap 7.x-3.1+ have moved to a different layout method and namespace for their top menu, which they also confusingly call "navbar", but I Drop Down Menu Not Working On Ipad rabiraj commented Sep 13, 2012 Has anyone worked around this issue? How To Open Drop Down Menus On Ipad This simple workaround has no affect on people using web browsers on desktop or laptop computers - it just forces the menu to pop up on an iPad when someone taps

This is the code I use to prevent default behavior: