Zoom in doesn't zoom into the selected block

[jeryj]

Description

When zooming in to the canvas via double click or enter keypress on a block, it doesn't zoom to the selected block location.

Step-by-step reproduction instructions

1. Enter zoom out
2. Select a section at the top of the canvas
3. Scroll down
4. Double click to zoom in on a block
5. Selected block will not be in frame

Screenshots, screen recording, code snippet

Screen.Recording.2024-10-04.at.2.07.29.PM.mov

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

[jeryj]

I think setting a transform-origin in the zoom out CSS transform and calculating a variable on the scaling animation that checks for the current scroll offset and calculating the central point could work well. It would need to work for both zoom-in and out.

[stokesman]

It seems like this is what #61465 is meant to solve. It seems overkill to actually center the block because that’s adjusting the scroll position instead of maintaining it. Also, it can’t work for blocks that are near the end of the canvas unless spacing is added to the end of the canvas to make enough overflow/scrolling range to center the block. Not that it would have to work for such blocks.

I’ll mention as well that #63390 maintains scroll position for free (i.e. without code managing it).

[ndiego]

I can confirm this is occurring in 6.7 Beta 1, so I am adding it to the project board. It would be great to come up with a solution before the release.

[richtabor]

It seems like this is what #61465 is meant to solve.
I’ll mention as well that #63390 maintains scroll position for free

Which is the proposed path forward?

[draganescu]

I have tried to get #61465 to work, still not there yet. I think #63390 needs a summary of where it's at.

[ndiego]

Since RC1 is occurring later today and there is no current solution, I think we should punt this to 6.7.1 or 6.8. Thoughts @colorful-tones @getdave @kevin940726?