Component inside <Transition> renders non-element root node that cannot be animated #1944
Loading…
x
Reference in New Issue
Block a user
No description provided.
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Every time I click to a task on the Kanban view, the following error occurs:
The keyboard shortcuts popup shows a similar error (but not sure if this is related to this issue)
It seems like this error always occurs when vue components are placed in a
<Transition>
element.Looks like transitions need a single child node: https://stackoverflow.com/a/68561753/10924593
Removed these broken transitions in
c2d5370e4a
- they were not working at all anyway. I think we need a better solution for these, but that's an issue for another day.cc @dpschen
The transition wrapper that you removed were correct afaik.
The problem with the transitions was that some components use a transition as their first child. This makes a transition a child of a transition.
See: https://kolaente.dev/vikunja/frontend/src/branch/main/src/components/misc/modal.vue#L3
and than e.g.:
https://kolaente.dev/vikunja/frontend/src/branch/main/src/components/sharing/linkSharing.vue#L160
or
https://kolaente.dev/vikunja/frontend/src/branch/main/src/components/sharing/userTeam.vue#L116
Which of our components do have multiple root children?
Same error when deleting a task
Fixed in
56147dc9fb