Twenty Twenty: Quote block's paragraph does not inherit custom letter spacing in the editor

[nidhidhandhukiya]

Steps to reproduce the issue :-

1. Activate Twenty Twenty theme.
2. Choose Quote block.
3. Apply letter spacing to Quote block.

You can able to see the given letter spacing is applied only on the citation and not for paragraph, whereas other side for user it is working fine and given letter spacing is applied to both.

I have attached video for better understanding.
Video URL :- ​https://share.cleanshot.com/p70Y4fJn2jV8kmL6bWhg

[nidhidhandhukiya]

After applying this solution the issue is resolved.

[ironprogrammer]

Thank you for the report, @nidhidhandhukiya!

During test triage, several contributors were able to confirm this issue, and verify that it affects TT1 as well. Hopefully a related ticket will follow on to this one.

(And thanks for the initial triage, @shiponkarmakar! Note that I'm removing needs-unit-tests as that isn't typically required for CSS adjustments like this.)

[sabernhardt]

More testing is welcome, but I think the patch is ready.

• It only changes styles in the block editor for the Quote block.
• The paragraph inherits the letter spacing properly, matching the front.

[pooja1210]

Hi,

Tested the patch and it's working. Letter spacing for the quote block title in the editor is visible after the patch.

Before: ​https://prnt.sc/j_-hlWhuKUFu

After adding patch: ​https://prnt.sc/Cij2PzL9VCjE

Test Environment
Theme: Twenty Twenty
WordPress: 6.2

[ugyensupport]

Twenty Twenty: Quote block's paragraph does not inherit custom letter spacing in the editor

Description

Quote block's paragraph does not inherit custom letter spacing in the editor, You can able to see the given letter spacing is applied only on the citation and not for paragraph, whereas other side for user it is working fine and given letter spacing is applied to both as mentioned by Nidhi Dhandhukiya.

Environment

• WordPress: 6.2
• PHP: 7.4.13
• Server: Apache/2.4.10 (Debian)
• Database: mysqli (Server: 5.5.59-MariaDB-1~wheezy / Client: 5.5.62)
• Browser: Chrome 111.0.0.0 (macOS)
• Theme: Twenty Twenty 2.2
• MU-Plugins: None activated
• Plugins:
  • Gutenberg 15.4.0
  • WordPress Beta Tester 3.3.7

Steps to Reproduce

1. Activate Twenty Twenty theme.
2. Choose Quote block.
3. Apply letter spacing to Quote block.
4. 🐞 Bug occurs.

Expected Results

1. ✅ After applying Nidhi Dhandhukiya's solution it works smoothly.

https://core.trac.wordpress.org/ticket/58033#58033.patch

Actual Results

1. ❌ Looking forward to see this fix in our future release.

[pouicpouic]

Test Report

This report validates that the indicated patch addresses the issue.

Patch tested: https://core.trac.wordpress.org/ticket/56538

Environment

• OS: Windows 10
• Web Server: apache
• PHP: 8.0.0
• WordPress: 6.3-alpha-55661
• Browser: Chrome 112.0.5615.138
• Theme: Twenty Twenty
• Active Plugins:
  • WordPress Beta Tester 3.3.7

Actual Results

• ✅ Issue resolved with patch.

Additional Notes

• Any additional details worth mention.

[poena]

Thank you for reporting, working on, and testing this issue.
I have tested the patch on WordPress 6.3-alpha (MacOS, Chrome), and it works well.

[audrasjb]

Thanks everyone for working on this and thanks Carolina for testing.
Self assigning for commit consideration.

[audrasjb]

In 55967:

Twenty Twenty: Inherit Quote block's paragraph custom letter spacing in the editor.

Props nidhidhandhukiya, sabernhardt, pooja1210, ugyensupport, pouicpouic, poena.
Fixes #58033.

[sabernhardt]

#56139 was marked as a duplicate.