Ngx-bootstrap popover positioning auto not working as expected on right side of screen?

70
May 16, 2018, at 3:10 PM

I'm trying to implement some popovers on our application (Using Angular 6.0.1, Ngx-bootstrap 2.0.5 and Bootstrap 4.1.1), and the problem is that when using 'auto' positioning, some popovers on the right side of screen doesn't work as expected. Both Left and Center elements work as intended, placing the popover on top or right positioning, but the right side still sets it to 'top', and tries to resize the popover area.

Since a lot of our content is dynamic I don't have a way to determine when it's gonna happen and fix it like, for example, manually setting it to 'left'.

It would be nice if in this case the content could be on the left side of the button. Any other help or advice would be nice too.

I could not set a stackBlitz to work and show this bug, but we're generating the popover with the following code:

<button popoverTitle="Info" popover="auto auto auto auto auto auto" placement="auto" container="body" triggers="hover tap"> Right </button>

Left button works as expected, setting the content to right:

Center button also works as expected, setting the content to top:

But right button set it to top and tries to resize it (the content changes its size some times before standing still):

READ ALSO
Examine/toggle CSS pseudo-classes in browser developer tools

Examine/toggle CSS pseudo-classes in browser developer tools

We have a few dozen CSS pseudo-classesMost browsers' developer tools allow us to examine/toggle only a handful of them like :hover, :focus, :active

48
Customize boostrap-vue in a Nuxt project

Customize boostrap-vue in a Nuxt project

I have a nuxt project where I use bootstrap-vue as a module to style my components

47
JavaFX .setStyle inline sub elements

JavaFX .setStyle inline sub elements

In order to style the background for many elements in JavaFX, you need to use a css file, or to usesetStyle

39
Why are the background images not showing on iphones and ipads?

Why are the background images not showing on iphones and ipads?

I have been trying to troubleshoot this page for what feels like eonstheafropick

60