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

[Bug Report][3.6.10] v-menu attach #20086

Closed
chunlampang opened this issue Jul 2, 2024 · 1 comment
Closed

[Bug Report][3.6.10] v-menu attach #20086

chunlampang opened this issue Jul 2, 2024 · 1 comment
Assignees
Labels
C: VOverlay VOverlay T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone

Comments

@chunlampang
Copy link

Environment

Vuetify Version: 3.6.10
Last working version: 3.6.8
Vue Version: 3.4.31
Browsers: Chrome 126.0.0.0
OS: Windows

Steps to reproduce

Just input v-menu attach as document said

Expected Behavior

No error

Actual Behavior

Failed to execute 'appendChild' on 'Node': Only one element on document allowed.

Reproduction Link

https://play.vuetifyjs.com/#...

@donalmurtagh
Copy link
Contributor

donalmurtagh commented Jul 3, 2024

The same error occurs in the latest release (v3.6.11) when you show a v-dialog if the value of the attach prop is anything other that the default value of false.

Here's a demo that reproduces the bug for v-dialog

  • If :attach="false" (the default value), no error occurs
  • If teleporting is disabled with :attach="true", the error occurs
  • If we try to attach to a specific element e.g. attach=".dialog-target", the same error occurs

The error message that appears within the play demo is

Cannot read properties of undefined (reading 'classList')

According to the console error, the cause of the problem is an attempt to append the dialog to the document itself

DOMException: Failed to execute 'appendChild' on 'Node': Only one element on document allowed.

I suspect this issue and #20001 are related.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VOverlay VOverlay T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Development

No branches or pull requests

3 participants