Subscribe on changes!

`:slotted` styles not being applied if slot is wrapped in `TransitionGroup`

avatar
Jan 13th 2023

Vue version

3.2.45

Link to minimal reproduction

https://sfc.vuejs.org/#eNp9UstOw0AM/BVrLwVEs/cQVUIcEHeOuaTJtk3JPrR2glCUf8fOSykgThm/ZuzZ9Oo5hKRrjUpVhmWsAwEaasMhd7UNPhL0EM0JBjhFb2HHrbu19OJtmPOJlkCYuJzpiYpJOCBjQ1OQ4Qggk7YRMa7qboYAb1B5tyO4FJ2BAt5j4bCm2rvX6NswD+hlIhvlRviL9cfoqnAjJ4L/SW3FBP9Fui6R6c2N6lFN9uxtEZIresfe9uOmcwFzlcKYkRxbJnGuLkQBU63xVIqPV0x8PGtGSWwd1dYkBu3+GP0nmsjEuRKKIXcDSy7uyztulslpvZohNp4O/DjymQ6Yijf7c4j01RjA0gdTjY2pjJCp7h7ul8WPRflxZitclfIPUj3NuzC7DIsPwzdVbMkH

Steps to reproduce

Wrap the slot contents in a TransitionGroup

What is expected?

The :slotted selector should style the contents of the TransitionGroup

What is actually happening?

Styles are not being applied to the contents of the TransitionGroup

System Info

No response

Any additional comments?

:deep can be used instead and it doesn't have the same bug, but it may not be the perfect solution in all cases.