Przycisk rozwijania przycisku Bootstrap w okienku karty powodujący przepełnienie

Question

Używam Bootstrap i formularz jest osadzony w okienkach zakładek zawierających rozwijane przyciski. Czasami ilość elementów w menu rozwijanym przekracza wysokość okienka kart. Zawsze mogę zwiększyć minimalną wysokość okienka kart, ale to rozwiązanie jest hackowe. Mam przykładowy jsfiddle tutaj:

http://jsfiddle.net/Sudp7/1/

W nim można zobaczyć, w jaki sposób zostanie obcięty rozwijanej na dole okienka tab. Czy istnieje sposób, aby menu rozwijane przekroczyło wysokość kontenera nadrzędnego? Próbowałem grać z właściwościami z-index i overflow-y bez skutku. Wszelkie wskazówki będą mile widziane.

Dzięki, Richard

Answer 1

Jeśli zmiana overflow jest opcją dla ciebie, to wybierak w prawo jest .tab-content

.tab-content { 
    overflow: visible; 
}