First enter doesn't trigger transition

[Leopoldthecoder]

Vue.js version

2.0.0-rc.4

Reproduction Link

https://jsfiddle.net/uur9e91L/1/

Steps to reproduce

Click the toggle button

What is Expected?

On first click, the content fades in.

What is actually happening?

On first click, the content doesn't fade in. It only fades in/out on the following clicks.

This only happens when the content is controlled by both v-if and v-show. But in Vue 1.x, it works fine as shown in this demo

[fnlctrl]

Using v-if and v-show at the same time is not supported in 2.0 Sorry, it was v-show+v-else that was not supported.

[fnlctrl]

You need to use the appear prop, see #2873
https://jsfiddle.net/mLafkom3/

[Leopoldthecoder]

Thanks.

[vuchl]

Yeah this is pretty hidden in the docs: http://rc.vuejs.org/guide/transitions.html#Transitions-on-Initial-Render

[yyx990803]

This is indeed a bug, fixed in commit referenced above.