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.7.6] VExpandXTransition does not work in tr element #20827

Closed
ilyfairy opened this issue Jan 3, 2025 · 1 comment
Closed

[Bug Report][3.7.6] VExpandXTransition does not work in tr element #20827

ilyfairy opened this issue Jan 3, 2025 · 1 comment
Labels
wontfix The issue is expected and will not be fixed

Comments

@ilyfairy
Copy link

ilyfairy commented Jan 3, 2025

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Edge 131.0.0.0
OS: Windows 10

Steps to reproduce

I need to implement add/remove animation in VDataTable, but VExpandXTransition doesn't work.

Expected Behavior

VExpandXTransition has animation.

Actual Behavior

VExpandXTransition has no animation.

Reproduction Link

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

@KaelWD
Copy link
Member

KaelWD commented Jan 15, 2025

display: table-row; does not allow height to be set lower than min-content. I tried adding this for expandable rows a while ago but the only way I could get it to work was by creating a separate table inside a div and transitioning that instead: 057451f
We would have to switch from actual tables to css grid for this to work which I don't see happening any time soon.

@KaelWD KaelWD closed this as not planned Won't fix, can't repro, duplicate, stale Jan 15, 2025
@KaelWD KaelWD added the wontfix The issue is expected and will not be fixed label Jan 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix The issue is expected and will not be fixed
Projects
None yet
Development

No branches or pull requests

2 participants