Skip to content

Commit 697de07

Browse files
authored
fix(transition): should reset enter class after appear (#1152)
1 parent 9d111f5 commit 697de07

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

packages/runtime-dom/src/components/Transition.ts

+6-1
Original file line numberDiff line numberDiff line change
@@ -77,14 +77,15 @@ export function resolveTransitionProps({
7777
return baseProps
7878
}
7979

80+
const originEnterClass = [enterFromClass, enterActiveClass, enterToClass]
8081
const instance = getCurrentInstance()!
8182
const durations = normalizeDuration(duration)
8283
const enterDuration = durations && durations[0]
8384
const leaveDuration = durations && durations[1]
8485
const { appear, onBeforeEnter, onEnter, onLeave } = baseProps
8586

8687
// is appearing
87-
if (appear && !getCurrentInstance()!.isMounted) {
88+
if (appear && !instance.isMounted) {
8889
enterFromClass = appearFromClass
8990
enterActiveClass = appearActiveClass
9091
enterToClass = appearToClass
@@ -96,6 +97,10 @@ export function resolveTransitionProps({
9697
removeTransitionClass(el, enterToClass)
9798
removeTransitionClass(el, enterActiveClass)
9899
done && done()
100+
// reset enter class
101+
if (appear) {
102+
;[enterFromClass, enterActiveClass, enterToClass] = originEnterClass
103+
}
99104
}
100105

101106
const finishLeave: Hook = (el, done) => {

0 commit comments

Comments
 (0)