The community member is facing an issue with a navigation menu component where the submenus share the same container, which is positioned absolutely, making it difficult to align the dropdown to the parent nav item. The only workaround mentioned is left-aligning the container and making the width large, but the community member would prefer an automatic solution.
The comments suggest that the community member is trying to create a navigation menu similar to the one on the Radix UI website, which was designed to handle a large content amount inside. The community member is also considering trying to use the component with a narrow menu and the right position, as they believe they may have failed to implement it correctly previously.
Submenus all share the same container which is positioned absolutely. There's no good way I can find to take a dropdown and align it to the parent nav item.
The only decent workaround is what Webstudio uses on the website which is left aligning them container and making the width large.
actually I am gonna need to try and see if this can be used with a narrow menu and the right position, maybe it should and we only failed to implement it correctly