Wrapping emoji-picker in transition is not working

[antoine92190]

When trying to wrap the emoji-picker slot inside a transition, the emojis are not displayed.

<emoji-picker @emoji="insert" :search="search">
    <transition name="fade">
        <div slot="emoji-picker" slot-scope="{ emojis, insert, display }">
        ...
        </div>
    </transition>
</emoji-picker>

[DCzajkowski]

TBH I have never used the transition component. Does it normally work this way with scoped slots?

[StuDownie]

Try adding <transition name="fade" appear>

https://vuejs.org/v2/guide/transitions.html#Transitions-on-Initial-Render

And put the transition inside the slot

<emoji-picker @emoji="insert" :search="search">
        <div slot="emoji-picker" slot-scope="{ emojis, insert, display }">
            <transition name="fade" appear>
              ...
            </transition>
        </div>
</emoji-picker>

[antoine92190]

@StuDownie That works thanks!