<p dir="auto">Just changed a project to Bootstrap 2.3.2 (the only change I made was to change 2.3.1 to 2.3.2 in the .js and .css links to the netdna CDN.  Now any dropdowns on mobile don't work when you tap them (they work fine in a desktop browser if I resize the browser window so that the header nav.nav-collapse collapses into the menu.  The submenus also work fine on an iPad when the nav-collapse menu is not collapsed.</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>