Extra line breaks added to Redactor fields

[alexroper]

Description

When using a Redactor field inside a Vizy block, html block elements will have double line breaks between them after saving the entry. The problem does not appear in the same Redactor field used outside of Vizy.

Before saving:

After saving:

The HTML looks clean as expected without any extra elements or strange characters:

I think I tracked the problem down to this CSS:

.ProseMirror [contenteditable="false"] [contenteditable="true"] {
    white-space: pre-wrap;
}

Disabling white-space: pre-wrap in dev tools fixes the problem.

Steps to reproduce

1. Create a Vizy block with a redactor field inside.
2. Create an entry and add multiple lines to the redactor field.
3. Save the entry.
4. Edit the entry again. There will be double line breaks between html block elements instead of single line breaks.

Additional info

• Plugin version: 1.0.9
• Craft version: Craft Pro 3.7.32
• Multi-site: No

Additional context

[engram-design]

Fixed for the next release. To get the fix early, change your verbb/vizy requirement in composer.json to:

"require": {
  "verbb/vizy": "dev-craft-3 as 1.0.9",
  "...": "..."
}

Then run composer update.

[engram-design]

Fixed in 1.0.10