I built an app nav with multiple sub components and am running into an issue when I’m interacting with the sub-component variants. The app nav menu items can either be a singular nav item or a nested nav item with additional sub-nav items contained in it.
When I modify the variant to have a nav item be nested and in a selected state (showing the sub-nav items), the container hugs the content and pushes the other main nav items down. If I were to switch the sub nav state back to default or toggle off the nested nav item and try turning the selected state for the sub nav item, the container no longer hugs the content and the sub nav items overlap with the main nav items below. I’m trying to figure out if it’s the way I built this component or a bug. All the of the content in my sub-components are build with Hug content heights.
I’ve included a video of the interactions I’m explaining and a screenshots of the subcomponents I’m using.



