title: Break out of overflow:hidden
body: <p>We are currently struggling trying to break out of an div having overflow hidden.</p>
  
  <p>We have a dropdown-menu that gets filled with suggestions when the user type (type 'c' in the search field to see). This dropdown-menu is currently hidden behind the menubar, because it has "overflow hidden". </p>
  
  <p>We can break out, if we remove the <code>top:100%</code> and set position to <code>fixed</code>. But we would like it to stay absolute (i.e. for mobile devices).</p>
  
  <p>Created an example here: <a href="https://edukarma.com/bootstrap/" rel="noreferrer">https://edukarma.com/bootstrap/</a></p>
  
  <p>The dropdown suggestion list can be found in <code>.headerItem.headerSearch .searchField .twitter-typeahead .tt-dropdown-menu</code>.</p>