Выпадающий список Bootstrap не сворачивается при нажатии на iframe

Я использую Bootstrap в веб-приложении, в котором есть страницы, содержащие фреймы. В настоящее время мы не можем удалить фреймы. Выпадающие меню Bootstrap открываются нормально, но если вы нажмете на любую область страницы, которая является частью iframe, событие сворачивания не сработает.

Пример здесь: http://jsfiddle.net/mark47/bCzMf/3/

Попробуйте щелкнуть, чтобы закрыть меню в любом месте за пределами iframe, а затем внутри iframe. Примечание :Содержимое iframe не отображается в скрипте, но вы можете увидеть мою проблему.

Любая идея, как заставить его свернуть при нажатии в любом месте страницы?

ОБНОВЛЕНИЕ :С помощью ответа @baptme я смог заставить его работать. Описано в моем ответе ниже.