Skip to content

feat: adding offset props for dropdown#324

Merged
johuder33 merged 9 commits into
mainfrom
feat/adding-offset-props-for-dropdown
Jun 16, 2026
Merged

feat: adding offset props for dropdown#324
johuder33 merged 9 commits into
mainfrom
feat/adding-offset-props-for-dropdown

Conversation

@johuder33

@johuder33 johuder33 commented Jun 16, 2026

Copy link
Copy Markdown
Contributor

Description

I added support to pass offset.skidding and offset.distance for offset react-popper prop.

This will allow us to move a popper dropdown as a whole instead of using css, why ? using css won't resolve the root problem, it we're moving using css (relative positions with left, right or adding paddings or margins) because it will only display the content component but not the layer itself.

using css will keep the layer where it's created and it will overlap content behind and as a result it will avoid pointer events behind elements.

Screenshot

I added some storybook args for the nested dropdown component, so now we can use storybook for testing this new config props (for submenu only)

Screenshot 2026-06-16 at 12 53 25 PM

@johuder33 johuder33 self-assigned this Jun 16, 2026
@johuder33 johuder33 requested a review from a team June 16, 2026 17:10
@johuder33 johuder33 marked this pull request as ready for review June 16, 2026 17:10
cmp831
cmp831 previously approved these changes Jun 16, 2026
Comment thread src/elements/dropdown/__docs__/stories/nestedDropdown.stories.tsx Outdated
@johuder33 johuder33 merged commit fd9c7bf into main Jun 16, 2026
5 checks passed
@johuder33 johuder33 deleted the feat/adding-offset-props-for-dropdown branch June 16, 2026 19:32
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.

2 participants