Wp-calypso: Verse block: lines are not rendered

[katinthehatsite]

Steps to reproduce

1. Starting at URL: https://wordpress.com/block-editor/post/
2. Select the Verse block
3. Add poetry to the block
4. Publish the post

What I expected

For the poem to be displayed on the site

What happened instead

The poem was rendered in one line:

Browser / OS version

Chrome: Version 78.0.3904.108 (Official Build) (64-bit)
OS: Catalina 10.15.1 (19B88)

Screenshot / Video

Context / Source

The issue was reported by the user in 2559066-zen
As a workaround, I have suggested using the classic block and using preformatted option.
I also saw a similar report here: https://github.com/WordPress/gutenberg/issues/19083

I also tried testing on a Jurassic Ninja site and could not reproduce it.

[katinthehatsite]

I also tried testing on Jetpack Nighty and could not reproduce it:

[lakellie]

Another report in 362602-hc and the user mentioned that if they edit the HTML and remove the wp-block-preformatted class, it fixes the issue.

[lakellie]

Another report in 2564769-zen

[jamiepalatnik]

Another report in 17383559-hc. Suggested using the preformatted block as a workaround.

[sophiegyo]

This was fixed in core WordPress: https://github.com/WordPress/gutenberg/pull/19173

I tested on jurassic.ninja and it's fine in core/selfhosted (my test: https://d.pr/i/hKDN3C ), but evidently still an issue on .com!

Screenshot: https://d.pr/i/qzTp2m

Checked in two browsers:
Chrome 79.0.3945.88
Firefox 71.0

Report from: 2562683-zd

[catkit]

This was fixed in core WordPress: WordPress/gutenberg#19173

@sophiegyo it doesn't mean it was released yet, it only means it was fixed and merged into the master branch.

When there's a new release then it will be distributed and fixed in wpcom as well.

[donalirl]

Seen again in #2585575-zen. Noting to myself to follow up with this user once a fix is released to WPcom.

[donalirl]

2592777-zen

[donalirl]

Here's a CSS fix you can offer to users for now:

/* Verse Block: add the proper spacings */
pre.wp-block-verse {
    white-space: pre;
}

[thebud15]

17595328-hc

[wpericam]

17626709-hc

[lizswafford]

799508-hc

[susanjanec]

2391934-hc

[Agepeuve]

ES forums - https://es.forums.wordpress.com/topic/problemas-con-bloque-verso/
https://es.forums.wordpress.com/topic/bloque-de-versos-no-me-funciona/

[fresatomica]

Another report: https://en.forums.wordpress.com/topic/problem-with-block-verse/

[xpurichan]

Another report: 14895399-hc (moved to 2614817-zd).

[mmtr]

This should be solved next Monday once we activate Gutenberg 7.2.0 on WP.com: p7DVsv-7T1-p2

[lizswafford]

17822792-hc

[edequalsawesome]

17824647-hc

[poojashetty18]

2624629-zen

[mmtr]

This is fixed now that Gutenberg 7.2.0 is live on WP.com.