[FIXED] : Docs Navigation Bar in the mobile dimensions

[Yashwanth1906]

What kind of change does this PR introduce?

• Bugfix for mobile Docs navigation bar scroll

Issue Number:

• 🐛 Bug: Scroll Lock Issue When Opening Navigation Component in Mobile View #1484

Screenshots/videos:

After:

Screen.Recording.2025-03-14.191538.mp4

If relevant, did you update the documentation?
N/A.

Summary

1. Fixed the mobile navigation scroll behavior by:
   • Adding proper scroll lock when the mobile menu is open
   • Preventing background content scroll while nav is open
   • Maintaining scroll position when closing the menu

Does this PR introduce a breaking change?
No

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	abc4dd0

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (1ac0817) to head (abc4dd0).

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1518   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           18        18           
  Lines          448       448           
  Branches       116       116           
=========================================
  Hits           448       448           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Yashwanth1906]

@DhairyaMajmudar Review this PR.

[DhairyaMajmudar]

@Yashwanth1906 fix this

[Yashwanth1906]

@Yashwanth1906 fix this

@DhairyaMajmudar Fixed this issue .

[Yashwanth1906]

@benjagm @DhairyaMajmudar Is there anything i need to change?

[DarhkVoyd]

@Yashwanth1906 Thank you for your patience, I'll review this tomorrow EOD.

[Yashwanth1906]

@Yashwanth1906 Thank you for your patience, I'll review this tomorrow EOD.

@DarhkVoyd okay.

[DarhkVoyd]

I couldn’t find any discussion about these changes in the linked issue, but they do appear to be better. However, the buttons are inconsistent in their responsive width compared to the buttons of other neighboring card buttons. Team's decision.

[Yashwanth1906]

@DarhkVoyd Im done with all the changes you asked for. Let me know if everything is fine

[Yashwanth1906]

@DarhkVoyd @DhairyaMajmudar Can u review this pr?

[benjagm]

@idanidan29 can you please help me reviewing this PR?

[github-actions]

Hi @Yashwanth1906! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: issue reference

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!

[Yashwanth1906]

@benjagm @idanidan29 What is this check ? How can i resolve it?

[benjagm]

All good. That check is the PR body validation. Nothing to worry about.

[github-actions]

Hi @Yashwanth1906! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: issue reference

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!