<p dir="auto">Navbar dropdown links work fine normally in Chrome, but when navbar is collapsed links do not have any hover state and clicking on links just collapses the dropdown menu.</p>
<p dir="auto">JSFiddle is here.. <a href="http://jsfiddle.net/richyclarke/urbnD/3/" rel="nofollow">http://jsfiddle.net/richyclarke/urbnD/3/</a></p>
<p dir="auto">Collapse the navbar by reducing the frame size and try to click on the 'IBM' link under the main navbar li 'Links'. It works in Internet Explorer (IE10 and maybe others) but not in Chrome (latest), Firefox (latest) or IOS devices (Chrome or Safari browser on iPad or iPhone)</p>
<p dir="auto">This used to work in Bootstrap 2.1.x but has stopped working since 2.2.0 and still doesn't work in 2.3.x</p>
<p dir="auto">I had a project using more or less the same menu and it worked. Found out it was using Bootstrap version 2.3.1. Compared version 2.3.2 and 2.3.1 and found that in version 2.3.2 there's this snippet of CSS that reads:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}"><pre class="notranslate"><code class="notranslate">.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
</code></pre></div>
<p dir="auto">and the rule: <code class="notranslate">position: fixed;</code> seems to cause all the problems.</p>
<p dir="auto">I still don't undertand the point of the markup that is added by the bootstrap dropdown plugin:</p>
<p dir="auto"><code class="notranslate">&lt;div class="dropdown-backdrop"&gt;&lt;/div&gt;</code></p>
<p dir="auto">So I've temporarily fixed the bug on my end by adding a style to override the style causing the problem:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".dropdown-backdrop {
    position: static;
}"><pre class="notranslate"><code class="notranslate">.dropdown-backdrop {
    position: static;
}
</code></pre></div>
<p dir="auto">To me this looks like  a bug introduced from version 2.3.1 to 2.3.2. Maybe I'm wrong. If someone could explain the purpose of the empty div, it would be helpful.</p>