implement auto placement for popovers

[droshev]

Is this a bug, enhancement, or feature request?

enhancement

Briefly describe your proposal.

At the moment fundamental-ngx doesn't have an implementation for auto-placement of popovers.

Should be a change that also supports inline-help, and other components.

Which versions of Angular and Fundamental NGX are affected? (If this is a feature request, use current version.)

angular 7.1
fundamental-ngx 0.0.26 beta

[droshev]

[mikerodonnell89]

I'm confused by the screenshot, are you saying the popover should detect if the popover body will bleed off the viewport and position itself accordingly?

[droshev]

What I meant is that you may end up having a button(which shows a popover on click/hover) that is position at the bottom of the page and if you click on it, the popover won't be visible and the user might be confused. Offering an auto placement could be the solution.

[bcullman]

there is a library called popperjs / popperjs github that provides this functionality. SAP Concur has had great success with it in our pre-funrdamentals component library. there are wrappers for react (whch we used) ngx and vue

https://www.npmjs.com/package/ngx-popper

please see
SAP/fundamental-react#313
SAP/fundamental-vue#134

[desaroxx]

Same problem here.

Popover is going out of bounds on the bottom of the window.

If I could control the popover's placement (top, right, bottom or left), then that would already solve my case.

[bcullman]

@desaroxx - popper does placement. but it also does flipping when the preferred placement is unavailable (page edge issues)

[mikerodonnell89]

blocked by SAP/fundamental#1286