Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
transition-group has no class or data attribute
See original GitHub issueEnvironment
- Operating System:
Darwin - Node Version:
v16.13.1 - Nuxt Version:
3.0.0-27319101.3e82f0f - Package Manager:
yarn@1.22.17 - Bundler:
Vite - User Config:
- - Runtime Modules:
- - Build Modules:
-
Reproduction
https://codesandbox.io/s/nuxt3-ssr-broken-transition-group-99h1q
Describe the bug
transition-group with tag don’t have classes, also it don’t includes data-element, classes and data attribute only shows after changing transition-group property on hot reload but after refresh or in build-start it doesn’t work
Additional context
No response
Logs
No response
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
React Transition Group not applying classes - Stack Overflow
I'm using React Transition Group to animate each item with diffrent timeout. The problem is that my links did not receive any classes....
Read more >TransitionGroup | Vue.js
Elements inside are always required to have a unique key attribute. CSS transition classes will be applied to individual elements in the list,...
Read more >Understanding transitions and animations in Vue
Transition classes are default classes that ship with Vue to determine when and how to attach or remove an element from the DOM....
Read more >Enter/Leave & List Transitions - Vue - w3resource
Elements inside as a rule should have a unique key attribute. CSS transition classes will be applied to inner elements and not to...
Read more >ReactJS | Transition Group - GeeksforGeeks
You can improve the UI by using React Transition Group for that: ... The animations are accomplished by defining classes with varying CSS ......
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
It is since long time and has open PR request. https://github.com/vuejs/core/issues/5141 I’ve kept this open till upstream will close
Fixed in https://github.com/vuejs/core/commit/aed10c507279900f8afc4861dc01ca4f2b95acb8 Checked in codesandbox on latest Nuxt3 and it’s working as it should.