Sticky footer not possible/

Why is it not possible to make a simple sticky footer or anything other than sticky at the top? I’ve been trying to figure out so I can at least have some button at the bottom.

Does it have the effect you want when you set the footer to constrain to the bottom of the board and select fix when scrolling?

3 Likes

I think I’m having the same problem. I want to use Flex Layout to make a drawer for a mobile app and I can only get “align items end” to work in conjunction with “row,” not “column,” but I need it to go in a column

This is a perfect use case for grid layout. The layout is one column with two rows. The first row is your “main” app area, and the second row is your footer/drawer area. The second row is set to auto height so it is only as tall as the items inside it. The first row is set to 1fr which fills all the available space, pushing the footer to the end of the layout:

Demo file: Using grid for a sticky footer.penpot (24.7 KB)

This is a technique used in CSS web development, I’m thrilled it works so well in Penpot :grin:

3 Likes