collapse crops the typeahead popup list

[IlieCiotir]

Hello,
If there's a typeahead element in another element that's using collapsed the typeahead's popup list is cropped to the height of the collapsible element.

I made a short plunker for it.

http://plnkr.co/edit/wtl6aEC7Ua3mxnqYLLvu?p=preview

Kind Regards,
Ilie

[pkozlowski-opensource]

Hmm, looks like the Bootstrap's collapse class has overflow: hidden; set on it... So, as far as I understand, this is more Bootstrap's CSS design issue... But I'm really bad at those things so a CSS expert should be able to say more here... @ProLoser I know that you are good at it, could you give us a hand with this one?

[IlieCiotir]

That's certainly what is causing it. But without the oveflow: hidden css the collapse function no longer works. :)

[pkozlowski-opensource]

@toskv Could you test if the same issue happens with the bootstrap only (without AngularJS and this project)? And if so, open an issue in their repository? Thnx!

[IlieCiotir]

Will do.

[IlieCiotir]

I had a look at the boostrap project and it looks like a similar issue was solved there a year ago.

twbs/bootstrap#3390

I asume the fixUpHeight function in the collapse directive should also change the overflow property of the element, not only the height.

[pkozlowski-opensource]

@toskv Are you sure it was fixed in Bootstrap? I can still reproduce it native bootstrap:
http://plnkr.co/edit/xQRuDju2nUC12UusIjhU?p=preview

For me it looks like the bootstrap bug, no?

[IlieCiotir]

Indeed it does. I guess I'll take the issue to them then. :)

[pkozlowski-opensource]

@toskv yes, would be great. Going to close this on for now as not actionable on our side. But please do open this one / comment in it when you've got more news from Bootstrap guys.

[cambell-prince]

See PR #828