Restoring expanded responsive navbar menu creates scrollbar in Bootstrap 3.0.2

Question

The following code works as expected with Bootstrap 3.0.0 CSS file, but when using it with Bootstrap 3.0.2 CSS (and I think 3.0.1, too), it does not work correctly under the following scenario: - Open page. - Resize browser window (make it smaller) to trigger responsive menu. - Expand menu so it displays Submenus 1 and 2. - Resize browser window (make it bigger) to trigger normal menu. The expanded menu does not get displayed on the page. It looks like its height is contained within the height of the navbar, so it shows with scrollbars. From this point on the drop-down menu does not drop beyond the bottom margin of the navbar, so you need to use the scrollbar to navigate it. If you reference the 3.0.0 version of the bootstrap CSS, then it works fine. I tried it with both versions of the Bootsrap JS file, and it does not seem to make any difference. Here is the complete HTML code: ```

Accepted Answer

This is a known issue in 3.0.2 (https://github.com/twbs/bootstrap/issues/11243)

A workaround:

```
.navbar-collapse.in {
    overflow-y: visible;
}
```

Demo: http://bootply.com/96924

Restoring expanded responsive navbar menu creates scrollbar in Bootstrap 3.0.2

Solution

Problem