From 4019d0d19fed2bf067a79ba665b4808cd9fa21fd Mon Sep 17 00:00:00 2001 From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com> Date: Thu, 30 Jan 2020 20:37:26 +0100 Subject: [PATCH] fix(transition-group): handle multiple move-classes (#678, #638) fix #678 --- packages/runtime-dom/src/components/TransitionGroup.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/runtime-dom/src/components/TransitionGroup.ts b/packages/runtime-dom/src/components/TransitionGroup.ts index bd372364486..490edb8c5ff 100644 --- a/packages/runtime-dom/src/components/TransitionGroup.ts +++ b/packages/runtime-dom/src/components/TransitionGroup.ts @@ -187,9 +187,11 @@ function hasCSSTransform( // is applied. const clone = el.cloneNode() as HTMLElement if (el._vtc) { - el._vtc.forEach(cls => clone.classList.remove(cls)) + el._vtc.forEach(cls => { + cls.split(/\s+/).forEach(c => c && clone.classList.remove(c)) + }) } - clone.classList.add(moveClass) + moveClass.split(/\s+/).forEach(c => c && clone.classList.add(c)) clone.style.display = 'none' const container = (root.nodeType === 1 ? root