When displaying Custom fields, the stack is different between the editor and the front end.

[shimotmk]

Description

When displaying Custom fields, the stack is different between the editor and the front end.

The css selector .editor-styles-wrapper is printed twice, so it would be a good idea to fix that.

.editor-styles-wrapper .editor-styles-wrapper .wp-container-0.wp-container-0 {
flex-direction: column;
align-items: flex-start;
}

Step-by-step reproduction instructions

1. Display custom fields
2. Place Group block.
   or paste the HTML below.

<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"backgroundColor":"pale-cyan-blue"} -->
<p class="has-pale-cyan-blue-background-color has-background">aaa</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"backgroundColor":"light-green-cyan"} -->
<p class="has-light-green-cyan-background-color has-background">bbb</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

3. Change the layout.
4. The layout doesn't change.

Screenshots, screen recording, code snippet

row.mp4

Environment info

Environment

• WordPress: 6.4-beta2
• PHP: 7.4.1
• Server: nginx/1.16.0
• Database: mysqli (Server: 8.0.16 / Client: 7.4.1)
• Browser: Chrome 117.0.0.0 (macOS)
• Theme: Twenty Twenty-Three 1.2
• MU-Plugins: None activated
• Plugins:
  • Plugin Check 0.2.1
  • WordPress Beta Tester 3.5.4

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

[shimotmk]

Sorry, this is a duplicate issue, #54943 so I'll close it.