Fix: Cannot scroll the popover when rendered inside the modal although the modal is set to false
#22
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Context
Currently when i use the IconPicker within the modal, i cannot scroll the popover as well as the categories y scroll
Description
This pull request improves the user experience of the icon picker component in
registry/ui/icon-picker.tsxby refining scroll behavior and event handling for both horizontal and vertical scroll areas. The main changes focus on preventing unwanted scroll propagation and enhancing touch interactions.Scroll behavior and event handling improvements:
scrollbarWidth: 'thin',touchAction, andoverscrollBehaviorstyles to both the category button row and the icon list to improve scrolling experience and prevent scroll chaining.onWheelandonTouchMoveevent handlers to both scrollable areas to stop event propagation, ensuring that scrolling within these areas does not affect parent containers.