floating-vue
floating-vue copied to clipboard
💬 Easy tooltips, popovers, dropdown, menus... for Vue
Hey, I freshly installed a Nuxt3 project with Pinia. When I try to install my dependencies with your package, I receive this dependency issues: ``` npm notice npm notice New...
This issue might not be directly a `FloatingVue` issue but I feel like it is related to at least raise it and hopefully get some pointers on resolving it. When...
Hi ### Version nuxt: 3.8.2, floating-vue: 2.0.0-beta.24, vue-final-modal: 4.4.6, ### OS Mac ### Reproduction Link [Codesandbox](https://codesandbox.io/p/devbox/laughing-colden-4x4737?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clpceefqh00072867j5y4erc3%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clpceefqh000328673mh2p5xl%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clpceefqh00052867qe1xha45%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clpceefqh000628674vu8wtws%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B60%252C40%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clpceefqh000328673mh2p5xl%2522%253A%257B%2522id%2522%253A%2522clpceefqh000328673mh2p5xl%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clpcf1gca02jx2867s7grn7as%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A44%252C%2522startColumn%2522%253A31%252C%2522endLineNumber%2522%253A44%252C%2522endColumn%2522%253A31%257D%255D%252C%2522filepath%2522%253A%2522%252Fapp.vue%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clpcf1gca02jx2867s7grn7as%2522%257D%252C%2522clpceefqh000628674vu8wtws%2522%253A%257B%2522id%2522%253A%2522clpceefqh000628674vu8wtws%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522clpcegpvq00bj28675bbwqj1b%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%2522%257D%252C%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522clpcen6hk015u28679567fyj8%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clpcen6hk015u28679567fyj8%2522%257D%252C%2522clpceefqh00052867qe1xha45%2522%253A%257B%2522id%2522%253A%2522clpceefqh00052867qe1xha45%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clpceiwen00hd28672hbfkaxu%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clpceiw4o000deceh1gj2ch9t%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clpceiwen00hd28672hbfkaxu%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D) ### Steps to reproduce Try to write something in inputs which are in modal...
Hi guys I noticed Floating UI now have a native package for Vue: [https://floating-ui.com/docs/vue](https://floating-ui.com/docs/vue) Which one would be best to use for new projects?
Hi! I found some problem when one of the two dropdowns does not hide after the second hover. I tried change some triggers, but it didn't help me. Example: https://codesandbox.io/s/stoic-fermat-vfwzxy?file=/src/App.vue...
Hi @Akryum I doing a migration from `vue2` to `vue3` with `vue/compat` The problem I have it that `@apply-show` and `@apply-hide` can't fire when I have `vue/compat` When I remove...
video: https://github.com/Akryum/floating-vue/assets/21301288/f57cfd69-b2f5-47e5-a5ab-aaf5ebbf66d3 minimal reproduction: https://stackblitz.com/edit/vitejs-vite-ncpzhj?file=src%2FApp.vue
I'm using V3, today i noticed this bug in the the console: Computed property "classes" is already defined in Data.
Hi, Trying to install Vue 2 version with yarn 3.3 using 'yarn add floating-vue@vue2' get this error : `➤ YN0000: ┌ Resolution step ➤ YN0001: │ Error: floating-vue@vue2 isn't supported...
When utilizing the `v-tooltip` directive, I aim to prevent it from triggering the parent element's event. How can I configure it to halt propagation?