Multiple instances of VTooltip render in random places
- Vorherrschende Sprache
- TypeScript
- Sterne
- 3.5k
- Forks
- 341
- Ø Merge
- 14 Min.
- Gemergte PRs (30 T.)
- 8
Beschreibung
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



Beitragsleitfaden
Bewertung
Dieses Issue wurde noch nicht bewertet.