floating-vue icon indicating copy to clipboard operation
floating-vue copied to clipboard

Popover disappears offscreen when the viewport is narrow

Open Markussss opened this issue 3 years ago • 5 comments

Hi, We use v-tooltip to add explanations to words and expressions in our application, and we experienced that sometimes the popover disappears offscreen if the viewport is narrow. I've tried looking for others who have had this problem and solved it in some way, but I haven't been able to find anything, so I figured that I'd report it here.

I made a small reproduction on https://jsfiddle.net/markussss/xcn9jtu5/

Am I doing something wrong here, or is this a bug?

https://user-images.githubusercontent.com/43534/109492833-db1bb100-7a8b-11eb-8cd4-8b40879a9d83.mov

Markussss avatar Mar 01 '21 11:03 Markussss

I made a quick and hacky solution to work around this, until I know of something better. In case somebody else has a similar issue, I copied it here https://jsfiddle.net/markussss/8hefawjp/

Markussss avatar Mar 01 '21 12:03 Markussss

Same issue :(

PavelGonzales avatar Mar 02 '21 15:03 PavelGonzales

Looking like your popper config isn't right or a bug with popper 1 :thinking:

Akryum avatar Mar 19 '21 18:03 Akryum

@Akryum That might be, which popper config do you think we could change? Did you check out the small reproduction jsfiddle I added – there are not many options to choose from...

MarkusNetmaking avatar Mar 19 '21 19:03 MarkusNetmaking

Positioning is done by Popper.js

Akryum avatar Mar 19 '21 20:03 Akryum