vue-js-popover icon indicating copy to clipboard operation
vue-js-popover copied to clipboard

popover far from button

Open GMounir opened this issue 6 years ago • 7 comments

Thank you for this plugin 👍 .

Why popover not close to button

button(v-popover.left="{ name: 'foo' }") Toggle popover popover(name="foo") Hello

GMounir avatar Mar 02 '18 15:03 GMounir

Do i have to add position to this class?

div[data-popover="tooltip"] {
	top: -5px !important;
	left: 20% !important;
}

GMounir avatar Mar 02 '18 16:03 GMounir

This seems to be a problem with parent elements that have position:relative. Anyone has a fix already?

quodos avatar Mar 29 '18 07:03 quodos

Yup! Getting the same thing. It's absolutely miles away. In fact, it's off-screen.

dainemedia avatar May 23 '18 11:05 dainemedia

Is this a duplicate of #27, which has been fixed by #34?

stevenharman avatar Jun 27 '18 01:06 stevenharman

I'm not using position relative, in fact just display: block; and it's on the other side of the page.

Edit: Yes it was, the position relative was on the 4th parent.

Edit2: If you scroll down the page, then click the popover it's absolutely miles away. Any help?

mikerodham avatar Jul 04 '18 09:07 mikerodham

This also seems to be happening when the parent is position:fixed.

hjbdev avatar Jul 12 '18 09:07 hjbdev

@stevenharman This is still happening for me on v 1.1.8. Any suggestions?

JosNun avatar Feb 20 '19 14:02 JosNun