Skip to content
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

Cannot use v-show with portal-based components (QTooltip, QMenu, QDialog) #17374

Closed
hawkeye64 opened this issue Jul 15, 2024 · 0 comments
Closed

Comments

@hawkeye64
Copy link
Member

Description

If you use v-show with QTooltip, you get this Vue warning in the console:

[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended. 
  at <QTooltip anchor="bottom middle" self="top middle" > 

This happens because QTooltip's root node is either nothing(i.e. a fragment) or a Teleport.

The docs need a warning for these components to explain why v-show should not be used.

Documentation Section URL

https://quasar.dev/vue-components/tooltip#introduction

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants