Skip to content

Conversation

@aguingand
Copy link
Contributor

There is some cases when you need to shift position according to boundary but not completely flipping to the other sides (e.g. popovers with contents only making sense underneath a field). I have added sideFlip & alignFlip props which correspond to mainAxis & crossAxis floating-ui flip() options. At first I was thinking of an unique property to disable flipping completely but two prop for each axis seems better for more fine-grained options.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 7, 2025

Open in Stackblitz

npm i https://pkg.pr.new/reka-ui@1684

commit: bca1fc7

@aguingand aguingand changed the title feat: Add flip options props to Popper feat(Popper): Add flip options props Mar 7, 2025
@aguingand
Copy link
Contributor Author

Hello @zernonia @epr3 👋 What do you think about it ?

Copy link
Member

@zernonia zernonia left a comment

Choose a reason for hiding this comment

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

Thanks for the PR @aguingand ! These 2 props seems useful to configure the flipping behavior! 💪🏻

@zernonia zernonia merged commit 678ebe7 into unovue:v2 Jul 15, 2025
5 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.

2 participants