Skip to content
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 our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(SideDrawer): prevent main page scrolling on sidedrawer open state #317

Merged
merged 2 commits into from
Jan 8, 2025

Conversation

kumarivijeta
Copy link
Contributor

@kumarivijeta kumarivijeta commented Jan 8, 2025

Summary

Prevent main page scrolling on sidedrawer open state

GitHub Issue Link

#316

Checklist

  • Used Conventional Commit messages as outlined in the contributing guide.
    • Noted breaking changes (if any).
  • Documented/updated all props, events, slots, parts, etc with JSDoc.
    • Ran the analyze command to update Storybook docs.
  • Added/updated Stories with controls to cover all variants.
  • Ran test locally to address any failures.
  • Added/updated the Figma link for the Story's Design tab.
  • Added any new component exports to the src/index.ts file

Screen Recording

Before Fix

Before_Fix.mov

After Fix

After_Fix.mov

Copy link

netlify bot commented Jan 8, 2025

Deploy Preview for shidoka-applications ready!

Name Link
🔨 Latest commit fa467be
🔍 Latest deploy log https://app.netlify.com/sites/shidoka-applications/deploys/677e99cfe6d596000839e013
😎 Deploy Preview https://deploy-preview-317--shidoka-applications.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@kumarivijeta kumarivijeta requested review from brian-patrick-3 and a team January 8, 2025 13:43
Copy link
Contributor

@brian-patrick-3 brian-patrick-3 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This doesn't really work because it affects things outside of the component, and requires the application to add custom CSS. I would instead recommend just using CSS overscroll-behavior: contain; on the Side Drawer body. We should do the same to Modal for consistency.

@brian-patrick-3 brian-patrick-3 merged commit 904e11d into main Jan 8, 2025
9 checks passed
@brian-patrick-3 brian-patrick-3 deleted the fix/SideDrawer_MultiScroll branch January 8, 2025 15:52
brian-patrick-3 pushed a commit that referenced this pull request Jan 8, 2025
…1.48.5...v1.48.6) (2025-01-08)

### Bug Fixes

* **SideDrawer:** prevent overscroll ([#317](#317)) ([904e11d](904e11d))
@brian-patrick-3
Copy link
Contributor

🎉 This PR is included in version 1.48.6 🎉

The release is available on:

Your semantic-release bot 📦🚀

@brian-patrick-3
Copy link
Contributor

🎉 This PR is included in version 2.0.0-next.42 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants