Twenty Eleven: Quote block italic styling works in reverse

[robertghetau]

Hey!

I've been browsing through the trac for this issue, but I wasn't able to locate it. Here are the steps to replicate the issue:

1. Activate Twenty Eleven theme
2. Create a new page and add a Quote block
3. Write some text. You'll notice the quote text is italic by default
4. Try to make the text italic through the editor and save the changes. The output should make the text non-italic, even though it'll appear as italic in the editor.

I tested this with the latest version of Gutenberg(12.5.0) and WordPress 5.9

[sabernhardt]

quote blocks in editor

[sabernhardt]

quote blocks on front end

[sabernhardt]

Thanks for the report!

​Reversing italics should be intentional when using the I button. If you only want to change the (block) style, the Appearance setting in the sidebar may be more appropriate.

However, matching the editor styling to the front end would help.

Trac ticket: https://core.trac.wordpress.org/ticket/55063

### Before:

### After:

[SirLouen]

Combined Bug Reproduction and Patch Test Report

Description

✅ This report can validate that the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/8989

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.28
• Server: nginx/1.27.5
• Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
• Browser: Chrome 137.0.0.0
• OS: Windows 10/11
• Theme: Twenty Eleven 4.9
• MU Plugins: None activated
• Plugins:
  • Change Username 1.1
  • Custom Front Page Query Modifier 1.0.0
  • Test Reports 1.2.0

Testing Instructions

1. Following the same styling as these previews backend, frontend
2. 🐞 Clicking on the I doesn't cause any changes, no reverse italics s suggested here

Expected Results

1. The text is switched to non-italics in the editor when clicking on I
2. Text is shown in non-italic in the front end when the I has been clicked

Actual Results with the Patch

1. ✅ Italics are reverse on I clicking.
2. ✅ The text is not shown in italics in the front end.

Additional Notes

• Hey @sabernhardt I've never thought deeply about this topic. You suggest that clicking on the "I" button should cause a "Reverse Italics" effect, right? It's not super intuitive for me, but makes sense, at least the button should cause some type of switching effect, and given that the text is "italized" by default. Wasn't fully clear by reading OP report to me.

Supplemental Artifacts

After the patch