themes icon indicating copy to clipboard operation
themes copied to clipboard

Twenty Nineteen: Editor overflow issue with Full width blocks

Open mikeicode opened this issue 2 years ago • 2 comments

Quick summary

Content within the WordPress editor flows off the screen when using Twenty Nineteen. Appears to be related to Full width blocks.

Steps to reproduce

  1. Activate Twenty Nineteen
  2. Add a pattern, with blocks set to Full width
  3. View overflow issue

What you expected to happen

Other themes display it correctly:

Screen Shot on 2022-05-04 at 09:16:26

What actually happened

Overflow issue:

Screen Shot on 2022-05-04 at 09:16:14

Context

Building a DIFM-L site I ran into this since I use Full width blocks.

Simple, Atomic or both?

Simple, Atomic

Theme-specific issue?

Twenty Nineteen

Browser, operating system and other notes

I was using Firefox 99.0.1

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

Can shut off the theme styles which somewhat helps but that's not ideal.

Screen Shot on 2022-05-04 at 09:22:25

mikeicode avatar May 04 '22 13:05 mikeicode

I've tested this on a self-hosted site and I can confirm it's the same, however, it looks like this will be shipped with WordPress 6.0: https://core.trac.wordpress.org/ticket/54169

I'm going to close this for now, but reopen it if anyone finds other cases after the 6.0 release.

Robertght avatar May 10 '22 17:05 Robertght

I'm going to reopen this since it's still happening for me (simple site). pdEkSe-106-p2

mikeicode avatar Aug 16 '22 16:08 mikeicode