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]: Dialog causes layout reflow which causes bad performance for large DOM trees #786

Open
Mokkapps opened this issue Mar 25, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@Mokkapps
Copy link

Environment

Development/Production OS: Linux / StackBlitz
Node version: v18.18.0
Package manager: [email protected]
Radix Vue version: 1.5.3
Vue version: 3.4.15
CSS framework: [email protected]
Browser: 123.0.6312.59 (Official Build) (arm64)

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-p7dnnw?file=src%2FApp.vue

Steps to reproduce

  • Throttle CPU performance in your browser
  • Open the dialog

Describe the bug

Dialog opens very slow on slow devices (emulated via 6x CPU slowdown via browser DevTools) on a page with many DOM nodes.

Performance profiler indicates that a layout reflow is triggered.

Expected behavior

Dialog opens smoothly on slow devices with many DOM nodes and does not trigger a layout reflow.

Context & Screenshots (if applicable)

screenshot-2024-03-25-06 54 12

@Mokkapps Mokkapps added the bug Something isn't working label Mar 25, 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