Skip to content

Fix: Catchment dropdown should not float (#1272) #1474

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

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

Leo-Stephen
Copy link

Fix: Catchment dropdown should not float (#1272)

This PR fixes issue #1272 where the Catchment dropdown floats when scrolling instead of staying with its input field.

Solution

After investigating several approaches, I found that replacing AutocompleteInput with SelectInput provides the most reliable solution:

  • It uses native HTML select elements which browsers handle correctly during scrolling
  • It maintains compatibility with all existing props and parent components
  • The trade-off is losing typeahead functionality, but gaining proper scroll behavior

The root cause was related to how Material-UI v4 and react-admin 2.7.2 handle dropdown positioning in different contexts.

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

Successfully merging this pull request may close these issues.

1 participant