Transitions between states not showing when changeing a knob

[emattias]

When changing a knob the transitions between states arent showing.

It seems likee the whole component is reinserted everytume. How can I avoid a full re-render/remount?

This is for ember components. I dont know if other frameworks have the same problem.

in app

(animating in/out icon, gif is not fully 60 fps.. :))

in storybook

(not animating in/out icon)

[emattias]

I got it working :)

[emattias]

After further investigation it turns out to not work 😅

[dbendaou]

Indeed, that's because whenever you change a knob parameter it re-render the story itself. I don't think there's a way to solve this with the current config.

I think it require to refact the render method to have a DidUpdate hook when changing a knob parameter https://github.com/storybookjs/storybook/blob/next/app/ember/src/client/preview/render.ts

@gabrielcsapo Am I correct ?

[dbendaou]

Actually @shilman may have some further informations on it too

[Alonski]

@dbendaou @shilman I would love to have this as well :)