Grid Block - (Layout "Auto") breaks the grid when the parent is "Stacked" or "Row" #65537
Description
Description
Grid block is not working as expected when inserted inside the "Stack" (or "Row") container when the layout type is "auto".
CleanShot.2024-09-20.at.10.06.55.mp4
Step-by-step reproduction instructions
- Navigate to any page/post block editor.
- Insert a "Stack" block.
- Add a grid block inside the stacked block.
- Set the "Layout" to "auto" in grid.
Screenshots, screen recording, code snippet
Here's a simple layout that does not work as expected:
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","orientation":"horizontal","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"grid","columnCount":null,"minimumColumnWidth":"12rem"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base"} -->
<p class="has-text-align-center has-base-color has-contrast-background-color has-text-color has-background has-link-color">1</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base"} -->
<p class="has-text-align-center has-base-color has-contrast-background-color has-text-color has-background has-link-color">2</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base"} -->
<p class="has-text-align-center has-base-color has-contrast-background-color has-text-color has-background has-link-color">3</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Environment info
- WordPress version: 6.6.2
- Gutenberg Plugin: 19.2.0
- Browser: Chrome
- OS: MacOS
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