Simple Sites > Inline Formatting: Uppercase is not working on FSE and Classic themes

Gustavo-Hilario commented 1 year ago

Quick summary

When setting a specific string in a Heading or Paragraph block to be uppercase, no changes are made on the editor and live page.

Steps to reproduce

Create a new page.
Add text with Paragraph and Heading blocks.
Select specific text on those blocks to be uppercase.
Check the editor and published page. No changes will be made.

What you expected to happen

I'd expected the text to be uppercased. This is what happens on an Atomic site:

uppercase-atomic

Notice that the CSS below is making the change:

.uppercase {
    text-transform: uppercase;
}

What actually happened

No changes are made to the text on Simple Sites:

uppercase

On the other hand, I couldn't find any CSS that would make the text uppercase on Simple Sites. I could reproduce this on several classic and FSE themes.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple

Logs or notes

Adding the CSS code manually to the site should fix this issue:

.uppercase {
    text-transform: uppercase;
}

Gustavo-Hilario commented 1 year ago

User report: 5914513-zen

github-actions[bot] commented 1 year ago

Support References

This comment is automatically generated. Please do not edit it.

[ ] 5914513-zen
[ ] 4667643-zen

cuemarie commented 1 year ago

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

Tested on Simple: Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

Replicated on Simple site using themes: Dara, Twenty Twenty Three
No change is made in the editor or the live site, though you can see that inline styles are applied in the editor and in the page inspector