Skip to content

Hybrid themes: Root padding in the post editor is lost with useRootPaddingAwareAlignments #46504

Description

@ya123123

Description

When I create the hybrid theme and set useRootPaddingAwareAlignments to true, the root padding is lost in the post editor.

Step-by-step reproduction instructions

  1. Use WP 6.1.1 (with and without Gutenberg plugin)
  2. Copy TT3 theme.json into the classic TT1 theme folder
  3. Remove all CSS from TT1 style.css
  4. Remove add_theme_support( 'editor-styles' ) from TT1 functions.php
  5. Check post and page mobile preview

Screenshots, screen recording, code snippet

"useRootPaddingAwareAlignments": false "useRootPaddingAwareAlignments": true
Root padding is inserted:
padding-false
root padding is lost:
padding-true

theme.json styles.spacing.padding setting:

		"spacing": {
			"blockGap": "1.5rem",
			"padding": {
				"top": "var(--wp--preset--spacing--40)",
				"right": "var(--wp--preset--spacing--30)",
				"bottom": "var(--wp--preset--spacing--40)",
				"left": "var(--wp--preset--spacing--30)"
			}
		},

Environment info

WP 6.1.1, instawp install
TT3 and TT1 included in WP 6.1.1
Tested with and without Gutenberg plugin

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Global StylesAnything related to the broader Global Styles efforts, including Styles Engine and theme.jsonNeeds TestingNeeds further testing to be confirmed.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions