[Block] Quote - Twenty Twenty One theme stylizes quote block with unexpected quotation mark icon

[kerrynicl]

Quick summary

When adding a quote block to the twentytwentyone theme, an additional quotation mark is generated and is not editable

Steps to reproduce

Switch to Twentytwentyone theme Try adding a quote block to a page

What you expected to happen

No quotation marks

1

What actually happened

A quotation mark that can't be edited

Context

HC-36346984

Platform (Simple, Atomic, or both?)

Simple

Theme-specific issue?

Twenty Twenty One. haven't tested others

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

No response

Available workarounds?

No response

Workaround details

No response

[zachspears]

I was able to successfully recreate this on both a Simple and Atomic site. Moving bug report forward.

[karenroldan]

Hi, @zachspears! Could you kindly check if this issue occurs with different themes, or is it specific to a single theme - Twenty Twenty One? Also if the issue occurs on self-hosted sites. If so, adding a triage note would be appreciated. Thank you!

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple: Replicated
• Tested on AT: Replicated
• Tested on Self-hosted: Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

• Theme Twenty Twenty One displayed that " icon before a quote block in all test environments, both in the editor and live site.

Self-Hosted Example

Compared to Twenty Twenty, Twenty Nineteen, and Twenty Twenty-Three. The older themes show the quote block as expected, with the vertical line design:

Twenty Twenty-Three showed a different formatting issue - no line or quote at all:

Based on the above tests, this seems to be an issue with how each specific theme stylizes the quote block. So far, no other themes present the " like Twenty Twenty One does.

📌 ACTIONS

• Marked as Triaged for Quality Squad review
• Transferred to Themes repo
• Added to 'bug scrub planning' board

[carolinan]

This is part of the original design of the theme Twenty Twenty-One. It is a design choice and feature, that is intended to display this way for this particular theme.