So far this breaks zoom-out mode because:

• In order for this animation to work we need a fixed width for the sidebar (or at least the interface component need to know the width of the sidebar).
• Everywhere in the post/site editors the width of the inserter and list views are fixed (350) except in zoom-out mode where the pattern inserter pushes the canvas, so the width is dynamic there.

We should either:

• Abandon the idea of animating these sidebars
• Make zoom-out work like regular inserters (the patterns cover the canvas a bit)
• Leave the behavior of zoom-out as is and try to figure out a way to "provide" the sidebar width to the animation dynamically. (Obviously, I'll try exploring this but I'm unsure at the moment about how effective the solution would be, let's see).

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: youknowriad <youknowriad@git.wordpress.org>
Co-authored-by: ellatrix <ellatrix@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

Also, I don't really understand why the patterns inserter behaves differently between post and site editors, it should behave the same way IMO.

Size Change: +283 B (0%)

Total Size: 1.75 MB

_{compressed-size-action}

Make zoom-out work like regular inserters (the patterns cover the canvas a bit)

If we want to have an experience where you compose pages with patterns, i.e. an "Add new page" flow where you browse and add patterns to a page without having to go in-and-out of the inserter, we can't have the sidebar covering the page.

If we do animate these sidebars ideally they'd use the same easing as the inspector/global styles.

If you open the inserter, then open list view, there's a jump that would be good to eliminate (similar issue to the one in #60561 when switching between inspector + global styles).

Also, I don't really understand why the patterns inserter behaves differently between post and site editors, it should behave the same way IMO.

Yes, let's bring zoom out to the post editor so we can make these 1:1.

I think this PR was not ready to merge :) you folks are too quick.