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

feat: Allow a custom flip boundary container for Popover #1122

Merged
merged 11 commits into from
Jul 14, 2020

Conversation

skvale
Copy link
Contributor

@skvale skvale commented Jul 10, 2020

Description

We're making it possible to define a boundary where the popover should flip within. This example the popover would flip to the left first, but since the left is outside of the boundary it considers that direction invalid.

popover


You might notice this happening in the DatePicker story

datepicker-shift

It's shifting to the bottom-start placement because for a time there is no fallback placement that works. Since the bottom is off the page and there's not enough room to the top yet. I don't see a good way around this other than make the DatePicker smaller.

@skvale skvale self-assigned this Jul 10, 2020
@netlify
Copy link

netlify bot commented Jul 10, 2020

Deploy preview for fundamental-react ready!

Built with commit a88bab1

https://deploy-preview-1122--fundamental-react.netlify.app

'babel-plugin-module-resolver',
{
alias: {
'react-popper-2': 'react-popper'
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I'm jumping through hoops to get the generated output to look like

var _reactPopper = require("react-popper");

instead of

var _reactPopper = require("react-popper-2");

and still have the examples work in storybook

Copy link
Member

@prsdthkr prsdthkr left a comment

Choose a reason for hiding this comment

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

QA LGTM on IE

@skvale skvale merged commit e28bc26 into master Jul 14, 2020
@skvale skvale deleted the feat/popper-flip-boundary branch July 14, 2020 20:42
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.

4 participants