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]: Dropdown and Popover Components Not Working with @vue/compat #966

Open
2 tasks
Khalifa1997 opened this issue Dec 17, 2024 · 0 comments
Open
2 tasks
Labels
bug Something isn't working

Comments

@Khalifa1997
Copy link

Reproduction

https://stackblitz.com/edit/github-gzhzagdr?file=vite.config.js

Describe the bug

Description

The Dropdown and Popover components do not trigger when using @vue/compat, even with the compatConfig = { MODE: 3 } setting applied to the component.

Steps to Reproduce

  1. Install and configure @vue/compat in the project.
  2. Set popover.compatConfig = { MODE: 3 } (or all the used components).
  3. Use the Dropdown or Popover components in a template.
  4. Observe that the components do not display correctly or fail to trigger their expected behaviors.

Expected Behavior

Both components should work seamlessly under the @vue/compat mode, as MODE: 3 is designed to allow compatibility with Vue 2 components.

Actual Behavior

The components do not render or behave as expected:

  • The dropdown does not open when clicked.
  • The popover is not displayed when triggered.

System Info

System:                                                                                                                   OS: Windows 10 10.0.19045                                                                                               CPU: (16) x64 AMD Ryzen 7 5800H with Radeon Graphics                                                                    Memory: 671.85 MB / 13.86 GB                                                                                          Binaries:                                                                                                                 Node: 18.20.2 - C:\Program Files\nodejs\node.EXE                                                                        Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD                                                                        npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD                                                                         Browsers:                                                                                                                 Edge: Chromium (127.0.2651.74)                                                                                          Internet Explorer: 11.0.19041.4355

Contributes

  • I am willing to submit a PR to fix this issue
  • I am willing to submit a PR with failing tests
@Khalifa1997 Khalifa1997 added the bug Something isn't working label Dec 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant