Twenty Fifteen : On Adding background color to Navigation Block padding added in editor but not in frontend

[pitamdey]

In Twenty Fifteen Theme,
When we add background color to navigation block we can see a padding added in the editor side but not in the frontend side

Can we just make the two side similar

I have added a screenshot for better understanding

[pitamdey]

Editor View

[pitamdey]

Frontend View

[tusharaddweb]

@pitamdey You have to add navigation to the group block and give it padding so that the padding in the editor and front view are the same.

[pitamdey]

Hi @tusharaddweb ...In other themes, it works well without adding the group block and custom padding. So I think it should work here also.

Let me know what your view on this

Thank you

[pitamdey]

After applying this solution the issue is resolved

[sukhendu2002]

Reproduction Report

Description

In the Twenty Fifteen theme, when a background color is added to the navigation block, padding appears in the editor view but is not visible on the frontend, causing the editor and frontend to display inconsistently.

Environment

• WordPress: 6.7
• PHP: 8.1.29
• Server: nginx/1.16.0
• Database: mysqli (Server: 8.0.16 / Client: mysqlnd 8.1.29)
• Browser: Chrome 130.0.6723.58
• OS: macOS
• Theme: Twenty Fifteen 3.9
• MU Plugins: None activated
• Plugins: Test Reports 1.2.0

Actual Results

1. Padding appears in the editor but is missing on the frontend.

[sukhendu2002]

Test Report

Description

This report verifies that the indicated patch resolves the issue by correcting the inconsistency in padding between the editor and frontend views for the navigation block in the Twenty Fifteen theme.

Patch tested: https://core.trac.wordpress.org/attachment/ticket/62356/62356.patch

Environment

• WordPress: 6.7
• PHP: 8.1.29
• Server: nginx/1.16.0
• Database: mysqli (Server: 8.0.16 / Client: mysqlnd 8.1.29)
• Browser: Chrome 130.0.6723.58
• OS: macOS
• Theme: Twenty Fifteen 3.9
• MU Plugins: None activated
• Plugins: Test Reports 1.2.0

Actual Results

1. ✅ After applying the patch, the padding for the navigation block appears consistently on both the editor and frontend, confirming that the issue is resolved.

[im3dabasia1]

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
• Browser: Chrome 129.0.0.0
• OS: macOS
• Theme: Twenty Fifteen 3.9
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts

Editor:
Frontend:

[im3dabasia1]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: https://core.trac.wordpress.org/attachment/ticket/62356/62356.patch

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
• Browser: Chrome 129.0.0.0
• OS: macOS
• Theme: Twenty Fifteen 3.9
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Issue resolved with patch.

Supplemental Artifacts

Frontend: