<p dir="auto">I added some input textboxes and buttons with a very long dropdonw menus.<br>
Then I put them into a div that is in a narrow Collapse or Togglable tabs.<br>
But the dropdown menus cannot display whole menus. The menus was cut off by the region of div.<br>
How to let the dropdown menu display out of the parent div?</p>
<p dir="auto">Because I want to use Collapse group (accordion-group) to make up our UI. So please don't suggest to use other components.<br>
Any suggestions on how to handle this?</p>
<p dir="auto">I'm running the latest version of bootstrap (2.0.3) and there appears to be a clipping problem when I place a dropdown into tabbed content. I see that this was resolved in version 2.0.2 (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3285298" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/2079" data-hovercard-type="issue" data-hovercard-url="/twbs/bootstrap/issues/2079/hovercard" href="https://github.com/twbs/bootstrap/issues/2079">#2079</a>) where the overflow:hidden was changed to display: table.</p>
<p dir="auto">.tab-content {<br>
display: table; // prevent content from running below tabs<br>
width: 100%;<br>
}</p>
<p dir="auto">Now, in 2.0.3 the scrolling and cut is back, is it possible because the navs.less reads:</p>
<p dir="auto">.tab-content {<br>
overflow: auto; // prevent content from running below tabs<br>
}</p>
<p dir="auto">At any rate, this problem appears to be back. I rolled back the tab-content to display: table and that seems to work for now.</p>