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
Popover positioned partially off-screen and cropped #2924
Comments
Ok, will reopen this as a feature request. In case of the P.S. Workaround would be using |
Any update on this ? |
Pretty sure this is a bug. Secondary positioning should be applied to the arrow and not the whole popover window. At least that's how it works in popper.js placement="top" results in top-center placement in positionElements. I believe the center placement should apply to the arrow and not the whole window. That way the popover will always be in the viewport as it's only moved above the reference object. And the arrow is centered to the reference element. |
@maxokorokov Any update? This is an incredibly annoying shortcoming of using popovers in this library. |
Any Update on this bug? |
The
top
popover, when triggered near the page border, is being rendered in such way it gets cropped:https://stackblitz.com/angular/rdokjdpkdoq
https://ng-bootstrap.github.io/#/components/popover/examples
The BS uses popper.js, rendering in 4.1.3:
ng-bootstrap: v4.0.0
Chrome, macOS
The text was updated successfully, but these errors were encountered: