UPDATE 11/01/2013: Thanks to Robin for pointing this out, the recent Bootstrap 2.2.2 release has addressed this issue. Refer to their changelog for details.
Ran into an issue today during development where I was updating my company’s code source from Twitter Bootstrap 2.03 to 2.2.1.
All was fine and dandy until I was doing some cross-device testing, specifically on the iPad and the iPhone.
The touch events stopped working on the Twitter Bootstrap dropdown hover menus. When you try to click on the menu item and attempt to swipe down or anywhere, the menu would disappear.
This is also happening on the official examples and Twitter Bootstrap dropdown hover documentation:
http://twitter.github.com/bootstrap/javascript.html#dropdowns
http://twitter.github.com/bootstrap/examples/hero.html
A workaround to this that I have implemented in JS, without having to touch the original code base, is to disable the .on() event handler on the touchstart.dropdown.data-api element.
Therefore add the following line to your code source:$(document).off('touchstart.dropdown.data-api');
Until Twitter Bootstrap releases a fix for this, the code will remain in my code base for now…
For more information, see https://github.com/twitter/bootstrap/issues/5678
I have been fortunate in working a lot more with Kubernetes lately over the last few months so I've been…
Building my portfolio site, I thought I'd show you how I set up my Wordpress development using Docker. Given the…
Frustrated with getting blank images in Puppeteer Chrome screenshots, recently I was in a situation where I needed to migrate…
It has been six year since my last major revamp/redesign of my current petertran.com.au portfolio site. So what are my…
This article helps to solve a Bad owner or permissions on .ssh/config issue occurring on a Windows 10 machine when…
Only a few lines of code required is to implement a payment system, thanks to inline Pin Payments integration. Accepting…
View Comments
You're welcome Peter. Thanks for linking to my blog :)
Updated! Thanks for bringing this to my attention Robin :)
Hi Peter! Good post. You could update it with the latest information; Twitter has updated Bootstrap to version 2.2.2 and fixed the dropdown issue. I wrote a small post about it here:
http://forwebonly.com/things-you-should-know-about-twitter-bootstrap-2-2-2/