Acordeão do Twitter Bootstrap e problema de estouro suspenso de botão
Estou usando o Bootstrap para uma seção do meu site. Eu misturo acordeão com um botão suspenso. O problema surge quando o botão está na parte inferior, o menu suspenso está oculto, já que o estouro do corpo do .accordion está definido como oculto.
Você pode ver o jsfiddle aqui:http://jsfiddle.net/DBQU7/6/
Então eu fiz o que você esperaria, tentei fazeroverflow-y:visible
. Mas então você pode ver o resultado aqui, ele não funciona: (Você também pode notar que o drop-down está dentro do div, que cria uma barra de rolagem dentro do div ao invés de apenas aparecer.
Eu vi essa pergunta que era semelhante:Twiiter Bootstrap (menu suspenso de botões) + Div. Fixo
Mas isso não resolve o problema como mencionei acima.
Então a questão é: como posso fazer com que a lista suspensa apareça normalmente?
Obrigado.
A única solução que encontrei até agora (e eu ficaria feliz em provar que estava errada) foi adicionar uma propriedade CSS que tornou o estouro visível quando foi aberto e, em seguida, por meio de um script JS, alterná-lo entre visível e oculto ... não é o ideal, mas nada melhor até agora.
- Editado - Na verdade, não funciona muito bem e não parece ser uma solução viável.