I am creating a sidebar menu which standard is small with only icons, some Icons will display a group focus to directly add a thing. There is also a menu toggle which expands the menu. So far so good.
I want to have the sidebar 100% of viewport height so I set vertical float to both and made the floating group the same height as the page. Problem is that when I want to put everything into a reusable element, the floating to 100% of viewport height breaks.
How can I solve this? I really would like to have this sidebar and all the UX stuff to be part of a reusable element. Thanks!