search

unovue / radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.
https://radix-vue.com
MIT License
3.66k stars 226 forks source link

[Bug]: Tooltip jumps to corner upon navigation in Nuxt with `keepalive` page. #785

Open remonke opened 7 months ago

remonke commented 7 months ago

Environment

Node.js 18.18.2
Nuxt 3.11
i use arch btw

Link to minimal reproduction

https://stackblitz.com/edit/nuxt-starter-c2aqxq?file=pages%2Findex.vue%2Cpages%2Fabout.vue%2Capp.vue%2Ccomponents%2Fdemo-button.vue

Steps to reproduce

  1. Have a Nuxt router page with keepalive
  2. Create a tooltip
  3. Hover on a button
  4. Navigate back without hovering back
  5. Tooltip jumps

Describe the bug

A tooltip jumps to the corner of the screen when navigating back without hovering back. Only applies if the page uses Vue's KeepAlive.

Expected behavior

No response

Context & Screenshots (if applicable)

Screencast_20240324_234501.webm

oaleynik commented 3 months ago

Bump. The DropdownMenu behaves similarly when DropdownMenuItem is wrapped around or rendered as the RouterLink.