Fix issue Blog Navigation Dropdown Content Overlaps Navbar While Scro…#5629
Fix issue Blog Navigation Dropdown Content Overlaps Navbar While Scro…#5629Shalikatkt wants to merge 1 commit into
Conversation
✅ Deploy Preview for asyncapi-website ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify project configuration. |
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.
|
📝 WalkthroughWalkthroughThe sticky navbar root element changes its z-index utility from ChangesSticky navbar
Estimated code review effort: 1 (Trivial) | ~2 minutes Possibly related issues
Suggested reviewers: 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #5629 +/- ##
=========================================
Coverage 100.00% 100.00%
=========================================
Files 23 23
Lines 976 976
Branches 192 192
=========================================
Hits 976 976 ☔ View full report in Codecov by Harness. 🚀 New features to boost your workflow:
|
|
⚡️ Lighthouse report for the changes in this PR:
Lighthouse ran on https://deploy-preview-5629--asyncapi-website.netlify.app/ |
2 participants
Description
This PR fixes the dropdown menu positioning issue in the Blog navigation section.
When a dropdown menu was expanded and the user scrolled down the page, the dropdown content moved upward and overlapped with the navigation bar. This change ensures that the dropdown remains correctly positioned relative to the navbar during scrolling.
What changed
Before
When scrolling with the dropdown menu open, the dropdown content moved upward and appeared over/through the navigation bar.
After
The dropdown menu now remains correctly positioned below the navigation bar while scrolling.
Testing
Related issue(s)
Resolves #5588
Summary
Fixed the Blog navigation dropdown scroll behavior to provide a more consistent and stable user experience.
Summary by CodeRabbit