Bootstrap 3 Dropdown on iPad Not Working

Bootstrap 3 Dropdown on iPad not working

I figured it out. I was missing the href="#" in my anchor tag. It was working fine in other browsers but not chrome or safari on IOS. Works fine now. Here's the final code for anyone that's interested:

  <div class="dropdown">
      <a class="dropdown-toggle" id="ddAction" data-toggle="dropdown" href="#">
        Action
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="ddaction">
      <li role="presentation">
        <a role="menuitem" tabindex="-1" href="http://www.google.com">Open Google</a>
      </li>
    </ul>
  </div>

And a working sample here:
http://www.bootply.com/104147

Bootstrap dropdown menu not working on iOS

I've checked this problem ( use my iPhone6 , latest iOS )

"Explore and caret" is visible but isn't work dropdown-menu. cause i forgot to add js code.
In my point of view, you have to check your js code

$(document).ready(function(){
    $('.dropdown-toggle').dropdown();
});

http://getbootstrap.com/javascript/#via-javascript-1

Bootstrap: dropdown toggle items not functioning in Safari

I resolved this issue by using the dropdown from ng2-bootstrap --> https://github.com/valor-software/ng2-bootstrap

bootstrap dropdown not working on iOS

Even if your links do not have an href to follow you still need to provide something for them to work, so just plug something like href="#" into your dropdown links to signify that they are actually links.

---

Related Topics