Open kuon opened 6 years ago
@kuon Did you find a workaround? I'm trying to create a layout with a sticky header + footer (like in an app), but I can't get it to work.
Here's what I tried: https://ellie-app.com/9Hsshmdd9a1/1
I used inline style to fix the layout.
@kuon could you elaborate a bit more please?
I tried various things, but I'm lost when it comes to CSS. I'd greatly appreciate your help!
I managed to get it working by setting the height of all wrapping elements to 100%. This works for me, but it's obviously a hack.
Here's the updated ellie
You can do it with a simple min-height: 100vh
on the wrapper:
Thanks, this is nicer than my workaround.
(You must have meant max-height: 100vh
, like this)
The 100 vh trick does not get me out of jail when overflow text appears in a child element as it refers to the whole window.
this ellie has @Zinggi's lorem ipsum in a corner of the screen
I can take a proportion of the window height as a reasonable work-around, but for me this issue asks the question of when a child element can be expected to change its parent's dimensions.
The act of setting a scrollbar on an element indicates an expectation that there may be an overflow, and hence an implication that the element should either have a fixed size or maximum size. In the presence of the scrollbar attribute, it would be great if general dimensions (fill/fillPortion) could be translated to absolute ones where an ancestor exists with fixed dimensions. @
I am trying to get the following to work:
This will overflow the body and the scrollbar will be on the body element instead of the column below the header