Storybook: Please move applied "zoom" css property to preview root rather than body

[IgorSzyporyn]

Is your feature request related to a problem? Please describe.
When you apply the zoom feature in "Canvas" - this will leak into other panels like "Docs"

Describe the solution you'd like
Please move the css property "zoom" with applied value to "iframe > body > #root" element instead

Describe alternatives you've considered
No other alternative exists

Are you able to assist bring the feature to reality?
Thought it would be a rather easy fix - looked in source, not simple

Additional context

Thank you

[Tomastomaslol]

Hi @IgorSzyporyn The behaviour you are describing sounds very similar to https://github.com/storybookjs/storybook/issues/11662. There should be a fix for this in the latest next build.

Are you still able to recreate the behaviour in the latest next build of Storybook?

https://next--storybookjs.netlify.app/official-storybook/

[IgorSzyporyn]

@Tomastomaslol tested, and fixed in next