Zoom out: Vertical toolbar overlaps with container

[madhusudhand]

Description

Block themes developed before root padding support was added has a workaround to set padding to .is-root-container in style.css
In such themes, vertical toolbar overlaps with/falls inside the container.

Twenty twenty two (style.css):

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

Remote theme: (https://wordpress.org/themes/remote/)

Step-by-step reproduction instructions

1. Activate twenty-twenty-two theme
2. try inserting following patterns

3. Observe that the vertical toolbar falls inside the container.

Screenshots, screen recording, code snippet

No response

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

[ndiego]

I can confirm. Adding this to the 6.7 project board.

[annezazu]

Closing this out as it overlaps with a current known issue: #65188