Verse block display has changed following Gutenberg update

[kriskarkoski]

Following our update to Gutenberg 9.6.2 there are user reports of the look of the verse block has changed.

Steps to reproduce

1. View a post containing a Verse block
2. The look of the block has now changed from how it looked previously

What I expected

The update to have not impact on the look of the verse block.

What happened instead

The look of the block changed.

Initial report: 25707875-hc

[mikeicode]

Appears to be related to CSS white-space

How it currently looks:

After adding the following:

pre.wp-block-verse {
  white-space: unset;
  overflow:auto;
}

[sirreal]

WordPress/gutenberg#27734 introduced a related change.

[carinapilar]

Got another report on 14842845-hc

EDIT: the CSS only didn't fix the issue though, it shows all content without the original formatting.

[kathrynwp]

Also ran into this in 26170324-hc - CSS workaround did the trick

[JoshuaGoode]

The change to fix this modifies white-space to use pre-wrap

Temporary workaround CSS for Atomic could look like the following for consistency.

 /* Resolve Verse block line-wrap rendering  */
 pre.wp-block-verse {
  white-space: pre-wrap;
}

[sirreal]

This should be fixed for all users now.