Fixing Bootstrap dropdown bug for version prior 2.2.2

I was working on responsive theme for our client and found out that if you are using Bootstrap prior version 2.2.2 then dropdown links don’t work on iOS/Android devices.

Ruby gem was on Bootstrap version 2.1.7 as of writing. So we had to add a fix in our code manually.

To fix dropdown links bug on iOS/Android devices just add this piece of code to applications JS file:


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

 

This was fixed in version 2.2.2. Check it out on github.

Just funny how core bug can waste an hour of your time. But hey.. it’s free!