From: Jonas <30421456+jonaskuske@users.noreply.github.com> Date: Mon, 10 Feb 2020 14:36:19 +0000 (+0100) Subject: fix(transition-group): handle multiple move-classes (#679) X-Git-Tag: v3.0.0-alpha.5~63 X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=5495c70c4a3f740ef4ac575ffee5466ca747cca1;p=thirdparty%2Fvuejs%2Fcore.git fix(transition-group): handle multiple move-classes (#679) fix #678 --- diff --git a/packages/runtime-dom/src/components/TransitionGroup.ts b/packages/runtime-dom/src/components/TransitionGroup.ts index bd37236448..490edb8c5f 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