Wrapping Border around Flex Container with Wrapped Children

Ignition
,
1

Hello!

I'm attempting to implement some responsive design in my perspective project, and I'm having an issue with getting by component borders to look nice.

I have a column container as the root container for my view. The column container contains a flex container with multiple moving analog indicators, which are set to wrap. I have a border around the flex container, which I would like to wrap around the components within the flex container even when the components are wrapped. Currently, the components wrap properly, but the border does not wrap with them:

image
image1883×342 17.1 KB

image
image690×600 12.8 KB

What would be the best way to go about this?

Thanks in advance for your help

2

It's not wrapping with your internal components because they are overflowing the parent. The border will always be applied to the component boundaries, regardless of overflow.