Akryum / Akryum/floating-vue

Multiple instances of VTooltip render in random places

未關閉
#980 2 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
need-repro
主要語言
TypeScript
星號
3.5k
分支
341
平均合併
14 分鐘
30 天內合併 PR
8

描述

We are using floating vues VTooltip to anchor decorative elements to a headline.

I just realized, that in some constellations (I could not make out a pattern yet) there are 3 instances of the Tooltip rendered in the DOM and also visible in the browser (right on top of the page, so visually distracting).

I'll attach the code, that is used inside our Nuxt 2 application.

Floating-Vue Version: `^1.0.0-beta.19`

usage inside a component
```html






```

plugins/floating-vue.js
```js
import Vue from 'vue'
import FloatingVue from 'floating-vue'

Vue.use(FloatingVue, {
themes: {
img: {
$resetCss: true,
triggers: ['click', 'hover', 'focus'],
autoHide: false,
placement: 'bottom-end',
distance: -200,
preventOverflow: true,
skidding: 100,
instantMove: true,
handleResize: false,
flip: false,
shift: true,
shiftCrossAxis: false
}
}
})
```

The rendered DOM elements
```html


貢獻指南

開啟貢獻指南

評估

這個 Issue 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。