Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork484
fix: Always position navigation menu content absolute and make it auto width#2352
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
base:main
Are you sure you want to change the base?
Conversation
|
Uh oh!
There was an error while loading.Please reload this page.
Currently the navigation menu content is only positioned absolutely on breakpoints 'md:' and above. The same applies to auto width.
On smaller widths the content starts to push around the surrounding links as well as it's trigger link because it enters the normal document flow.
When applying the position absolute permanently, the 100% width does not work on any width lower than 'md:'. That's why we also have to use auto width without the 'md:' breakpoint restriction.
I have not found an issue that raised this problem. Since it's such a small change I thought it might not need it. I can create one and we can discuss the normal behavior if that is not the case.
Here is an example from the currentNavigation Menu component demo
navigation-menu.mp4