Akryum / Akryum/floating-vue

Multiple instances of VTooltip render in random places

Offen
#980 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
need-repro
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

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.