Skip to content

Conversation

ChetanFTW
Copy link
Member

@ChetanFTW ChetanFTW commented Oct 1, 2025

Description

This is issue #6951

On this Page there is the dropdown while click to currency

  • Fixed issue where the currency dropdown stayed open while scrolling and blocked the rest of the page
  • Now allows users to interact with the page without needing to close the dropdown manually
Screenshot from 2025-09-28 20-48-34

Notes for Reviewers

Signed commits

  • Yes, I signed my commits.

@l5io
Copy link
Contributor

l5io commented Oct 1, 2025

🚀 Preview for commit 63b051f at: https://68dd8836b9de0b363499f53c--layer5.netlify.app


// Lock both <html> and <body> while the dropdown is open
useEffect(() => {
if (!open) return;
Copy link
Member

Choose a reason for hiding this comment

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

this logic seems bit low level. Why the disableScrollLock is not working? Try using modal component and see if its wokring without such logic to handle manually the scrolling

Copy link
Member Author

Choose a reason for hiding this comment

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

You're right
I tried using the standard MUI components first, but a CSS conflict elsewhere in the app was preventing them from working correctly.
This manual useEffect is a necessary override

@sudhanshutech
Copy link
Member

@ChetanFTW please tag the pr with respective issue

@ChetanFTW
Copy link
Member Author

hi @sudhanshutech, mention in description now

@leecalcote leecalcote added the hacktoberfest Happy contributing! label Oct 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
hacktoberfest Happy contributing!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants