-
-
Notifications
You must be signed in to change notification settings - Fork 7k
[Bug Report] expension panels open laggy #10140
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
Comments
Not performance or animation related, it opens fine if eager or the header is clicked on. |
How could i make it eager?
Does the eager option exist? is it just undocumented? |
ah sorry! you are right! thanks! |
The issue happens whenever you control the panel content externally. It reproduces in this example in the docs as well: https://vuetifyjs.com/en/components/expansion-panels/#external-control It's very strange that the user clicking a panel to open it doesn't trigger the lag, but programmatically opening it does. I think this should be treated as a bug. I also looked in the wrong place in the documentation. If not a bug, it should at least be addressed in the documentation, and the "external control" example should be updated to use |
Just trying out Vuetify today and I've also noticed this behaviour. As @arxanas says, it only happens when you programmatically open the panel for the the first time. Setting |
Hi, |
Environment
Vuetify Version: 2.2.1
Vue Version: 2.6.11
Browsers: Chrome 79.0.3945.88
OS: Windows 10
Steps to reproduce
In the codepen click on the blue blocks to open the next expansion panel
Expected Behavior
open fluently
Actual Behavior
it opens laggy, perhaps because the v-for is still rendering
Reproduction Link
https://codepen.io/ricardovanlaarhoven/pen/WNbwvev
Other comments
perhaps the expension panel is just missing an eager prop?
The text was updated successfully, but these errors were encountered: