Skip to content

[Bug Report][3.5.17] Error when rendering tooltip with an icon as activator inside of a loop #19685

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Assignees
Labels
C: VOverlay T: bug Functionality that does not work as intended/expected
Milestone

Comments

@AndronKarp
Copy link

Environment

Vuetify Version: 3.5.17
Vue Version: 3.4.21
Browsers: Firefox 125.0
OS: Ubuntu 22.04.4

Steps to reproduce

Start development server and open the application in a browser (warning: huge memory leak, your computer might freeze).

Expected Behavior

Tooltips render without any errors.

Actual Behavior

Rendering of tooltips causes application crash.

Reproduction Link

https://github.com/AndronKarp/vuetify-tooltip-bug

@BenShelton
Copy link

Something to do with binding the props to v-icon is breaking here, I believe it's the target that's the problem. We're seeing similar errors in 3.5.16, but I think it's actually the Vue version that's the problem here as even downgrading Vuetify causes similar console warnings to appear.

A possible workaround is wrapping the v-icon in a div, and then doing v-bind="props" on the div instead. Though this can cause the tooltip to appear in the wrong place.

Example (cloned from repro link and adjusted): https://replit.com/@BenShelton/vuetify-tooltip-bug

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected C: VOverlay labels Apr 25, 2024
@KaelWD KaelWD added this to the v3.6.0 (Nebula) milestone Apr 25, 2024
@KaelWD KaelWD self-assigned this Apr 25, 2024
KaelWD added a commit that referenced this issue Apr 25, 2024
fixes #19685
@markusheiden
Copy link

A span(v-bind="props") wrapper is sufficient to avoid the problem.

@KaelWD KaelWD reopened this May 1, 2024
@KaelWD KaelWD modified the milestones: v3.6.0 (Nebula), v3.6.x May 1, 2024
@KaelWD KaelWD closed this as completed in f2c6050 May 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment