v-transition: remove .v-leave if a transition is aborted (fixes vuejs#127)

bpierre · bpierre · commit 174ceb2285ed · 2014-02-22T22:00:27.000Z
diff --git a/src/transition.js b/src/transition.js
@@ -76,6 +76,7 @@ function applyTransitionClass (el, stage, changeState) {
         // cancel unfinished leave transition
         if (lastLeaveCallback) {
             el.removeEventListener(endEvent, lastLeaveCallback)
+            classList.remove(config.leaveClass)
             el.vue_trans_cb = null
         }
 
diff --git a/test/unit/specs/transition.js b/test/unit/specs/transition.js
@@ -74,7 +74,16 @@ describe('UNIT: Transition', function () {
                 el.dispatchEvent(e)
                 assert.notOk(cbCalled)
             })
-            
+
+            it('should remove the v-leave class if the leave callback exists', function () {
+                var el = mockEl('css')
+                document.body.appendChild(el)
+                el.style.width = '1px'
+                code = transition(el, -1, function(){}, compiler)
+                code = transition(el, 1, function(){}, compiler)
+                assert.notOk(el.classList.contains(leaveClass))
+            })
+
             it('should remove the class afterwards', function () {
                 assert.notOk(el.classList.contains(enterClass))
             })

Original file line number	Diff line number	Diff line change
`@@ -76,6 +76,7 @@ function applyTransitionClass (el, stage, changeState) {`
`76`	`76`	`// cancel unfinished leave transition`
`77`	`77`	`if (lastLeaveCallback) {`
`78`	`78`	`el.removeEventListener(endEvent, lastLeaveCallback)`
	`79`	`+ classList.remove(config.leaveClass)`
`79`	`80`	`el.vue_trans_cb = null`
`80`	`81`	`}`
`81`	`82`