floating-vue
floating-vue copied to clipboard
Popover disappears offscreen when the viewport is narrow
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
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/
Same issue :(
Looking like your popper config isn't right or a bug with popper 1 :thinking:
@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...
Positioning is done by Popper.js