CODEWITHSUNDEEP
csstwitter-bootstrap-3
Sam
Sam

Reputation: 14586

css/bootstrap : overflow issue

I have a display issue with the popover control. I had to set the overflow property to 'visible' otherwise it would be hidden behind the table.

  overflow:visible;

See jsfiddle for repro : http://jsfiddle.net/vEMrD/

But now that I've set it to visible, the table has display issues related to the horizontal scrollbar. In the jsfiddle, just change the css property overflow to 'hidden' and the table will look just fine, however the popover is then hidden (click 'display filter' to reproduce)

anyone knows what's wrong with the css ?

Upvotes: 0

Views: 93

Answers (1)

Sean Ryan
Sean Ryan

Reputation: 6056

Add data-container="body" to the popover link. Try http://jsfiddle.net/vEMrD/5/ for a working example. See http://getbootstrap.com/javascript/#popovers-usage - and in specific the container flag - on how to break out the popover from its default container. body works, but you can be more specific if necessary.

Upvotes: 2

Related Questions