hey Fred,
Try adding this to grid-content
.grid-content {
overflow-y: scroll;
height: 200px;
}
good luck!
Sandy
On 2020-12-29 12:00 p.m., Fred Janon wrote:
Hi, > > I am struggling with a div that overflows the height of its parent
> instead of showing a scroll bar. > > I am trying to design a single
page full height and width with CSS > grid. Inside one of the regions,
there is a list that should show > with a scrollbar but it doesn't. > >
How could I constrain the div.scrollable to stay within the height > of
its parent and show the y-scrollbar when necessary? > > I would prefer
not to use the height: 100% on all the parent chain. > > My example is
here: https://codepen.io/fjanon/pen/RwGxdjR > > I attached the code as
well. > > Thanks a lot. > > Fred >
______________________________________________________________________ >
> css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- > http://css-discuss.incutio.com/ List policies -- >
http://css-discuss.org/policies.html Supported by evolt.org -- >
http://www.evolt.org/help_support_evolt/ --
Sandy
sandyfeldman.com
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/