Twenty Sixteen: List block with background color does not have padding in the editor

[nidhidhandhukiya]

Steps to reproduce the issue :-

1. Activate Twenty Sixteen Theme.
2. Choose List block.
3. Add some text.
4. Apply background color.

You can able to see the difference between editor side and user side.
I have attached video for better understanding.
Video URL :- ​https://share.cleanshot.com/Gl7WbjHj6HbLd1Xkw8X8

[sabernhardt]

The style should not need !important. Adding one more class (.editor-styles-wrapper) seems sufficient.

[pavanpatil1]

Test report - https://core.trac.wordpress.org/attachment/ticket/58409/58409.2.patch

Environment:

WordPress- v6.2.2
Os- win10
Browser- Chrome
Theme- Twenty Sixteen

Screenshot:

Before- ​https://prnt.sc/SqLLtfTV_oBA

After - ​https://prnt.sc/JRCDlwXRErW_

The patch seems working fine.

[poena]

Test Report

This report validates that the indicated patch addresses the issue.

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

Environment

• OS: macOS 13.4
• Web Server: Nginx
• PHP: 7.4.30
• WordPress: 6.3-alpha
• Browser: Chrome Version 114.0.5735.133
• Theme: Twenty Sixteen

Actual Results

• ✅ Issue resolved with patch.

[audrasjb]

Thanks for the patch and tests! Self assigning for commit.

[audrasjb]

Before patch

[audrasjb]

After patch

[audrasjb]

@pavanpatil1 I'm not sure you tested the correct thing: your first screenshot shows the front-end which is not concerned by the issue, and the second one is not accessible.

I added two screenshot demonstrating that the patch solves the issue.

[audrasjb]

In 55966:

Twenty Sixteen: Fix List block padding in the editor.

Props nidhidhandhukiya, sabernhardt, poena.
Fixes #58409.