To fill the screen with the content of the .panel-body, both the .panel and the .panel-body are set to 100% height, and the .panel-body is set to scroll in case of overflow:
The problem is that the .panel-body ends up matching the height of the .panel, without shrinking to accommodate the .panel-heading. This makes an overflow on the div that wraps the entire .panel. (The overflow is the same height as the .panel-heading.)
One "solution" is to make both panel-heading height and panel-body height percentage, like 6% and 94%, respectively. This is ugly and reacts strangely to window resize.
The bug is more apparent with the stylesheet modofications in the branch
scroll-bug
.Each
panel
has a childpanel-heading
with apanel-body
sibling element:To fill the screen with the content of the
.panel-body
, both the.panel
and the.panel-body
are set to 100% height, and the.panel-body
is set to scroll in case of overflow:The problem is that the
.panel-body
ends up matching the height of the.panel
, without shrinking to accommodate the.panel-heading
. This makes an overflow on thediv
that wraps the entire.panel
. (The overflow is the same height as the.panel-heading
.)One "solution" is to make both panel-heading height and panel-body height percentage, like 6% and 94%, respectively. This is ugly and reacts strangely to window resize.