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

Refactor OverflowMenu and InteractionHelp with Floating UI #1647

Merged
merged 2 commits into from
May 21, 2024
Merged

Conversation

axelboc
Copy link
Contributor

@axelboc axelboc commented May 21, 2024

The selector menus, the export menu, and the overflow and interaction help popovers now all behave the same way in terms of focus management, dismissal, positioning, etc.

In this PR, I've also streamlined the CSS across all these components, simplified the DOM in a few places (unnecessary wrappers, etc.) and fixed a couple of flexbox alignment regressions that I've only just noticed.

I've left the DomainWidget alone for now because the toggling logic is more complex.

@axelboc
Copy link
Contributor Author

axelboc commented May 21, 2024

/approve

apps/storybook/src/Customization.mdx Show resolved Hide resolved
Copy link
Contributor Author

@axelboc axelboc May 21, 2024

Choose a reason for hiding this comment

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

Fixing a regression in the alignment of the controls in the overflow menu (right-aligned brings them closer to the trigger). Note also that I've increased the clickable area of the buttons (orange outline).

@axelboc axelboc requested a review from loichuder May 21, 2024 12:42
@axelboc axelboc merged commit c22526f into main May 21, 2024
8 checks passed
@axelboc axelboc deleted the more-floating branch May 21, 2024 12:49
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