When it comes to Height, floating containers are different then any other component, because since they are floating, they can have full freedom of size.
Width And Minimum Width
The width and minimum width settings of a floating container works pretty much like any other component, except that it can bypass the width of the component that it is attached to. There is also an option to precisely not allow bypassing that limit.
Height
There are three modes of using the Height setting of a floating container:
- auto (default) – the floating container will take the height of its content, which allows it to be dynamic
- pixels – the floating container will have a fixed height, independent of its content or the size of the component that it is attached to
- percentual – the floating container will have a percentage of its parent’s height. A common case would simply be 100% height, which coupled with 100% width, sets the floating container to have the same size as the component that it is attached to.
Minimum Height and Maximum Height
Minimum Height and Maximum Height can be useful when Height is either auto or percentual, to guarantee that it doesn’t get smaller than a certain size.
Scrolling
If you need a floating container to have a scroll due to content being potentially longer than any limited height you have defined, here’s how you can get that:
- Right-click the floating container to open its context menu
- Open its visibility menu
- Change the Crop and Scroll setting to Crop, scroll if possible