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

fix(popper): improve flip behavior in RTL #9640

Merged
merged 4 commits into from
Oct 27, 2023

Conversation

wise-king-sullyman
Copy link
Contributor

What: Closes #9639

Additional issues:

@patternfly-build
Copy link
Contributor

patternfly-build commented Sep 18, 2023

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

FWIW, here's some screenshots showing how this update looks to improve things even in LTR. Both are using the Notification Drawer example with some padding removed.

From the React staging site (with default position of "left" for the dropdown menu):
image

From this PR preview, also using position of "left" on the dropdown:
image

The dropdown menu gets repositioned a bit to keep it from overflowing off screen with this PR.

Copy link
Contributor

@jenny-s51 jenny-s51 left a comment

Choose a reason for hiding this comment

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

LGTM, menu no longer obscured

Copy link
Contributor

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

Looks good, non-blocking nit below. Do we want to expose this proper anywhere else that Popper is being used so that it could at least be opted into for those components?

packages/react-core/src/helpers/Popper/Popper.tsx Outdated Show resolved Hide resolved
@wise-king-sullyman
Copy link
Contributor Author

@thatblindgeye yeah I can add it to the various popperProps

@jenny-s51
Copy link
Contributor

LGTM

@jenny-s51 jenny-s51 merged commit 22bd847 into patternfly:main Oct 27, 2023
10 checks passed
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.

Bug - Popper - Popper based components not flipping when they should in right-to-left languages
5 participants