<p dir="auto">Hello,</p>
<p dir="auto">I just found out a bug. When you've created a navbar with dropdown links, when you select a link in the dropdown (form Mobile version), it doesn't select the link, but closes the collapsible dropdown.</p>
<p dir="auto">Visual example:<br>
| Link <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1445875" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/1" data-hovercard-type="pull_request" data-hovercard-url="/twbs/bootstrap/pull/1/hovercard" href="https://github.com/twbs/bootstrap/pull/1">#1</a><br>
| Link <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1446398" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/2" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/2/hovercard" href="https://github.com/twbs/bootstrap/issues/2">#2</a><br>
| Dropdown<br>
|_ Dropdown Link <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1445875" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/1" data-hovercard-type="pull_request" data-hovercard-url="/twbs/bootstrap/pull/1/hovercard" href="https://github.com/twbs/bootstrap/pull/1">#1</a><br>
|_ Dropdown Link <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1446398" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/2" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/2/hovercard" href="https://github.com/twbs/bootstrap/issues/2">#2</a></p>
<p dir="auto">So, if you select the "Dropdown Links", it's closes the collapsible Dropdown, but not redirecting to the "Dropdown Links".</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>