Skip to main content

I created a component with a container that has the height set to “hug content,” with top and bottom padding. Inside the container, there’s an instance that should adjust the height, causing the parent component to resize based on the content.

 

The component works as expected, but when I use an instance of this component, the height becomes fixed and I can’t adjust it. The only way to make it work is by detaching the instance.

 

What am I doing wrong here? Is this the intended behavior, or should the height be adjustable without detaching the instance?

I created a screencast so it is easier to understand the issue

thanks in advance 

I have the same issue.

- I have a master component that nests multiple inner components
- Some of these components have closed states where their height is set to 0 and their parent’s height are all set to hug in order to close up
- When using an instance of the master component the height hug is not working correctly on the nested components
- If you detach the master component instance everything works fine


Reply