List block - Pasting Multiline Text - Strange behavior

[dionysous]

Describe the bug

Pasting multiline text from clipboard into list element creates two empty list blocks and a paragraph block in between.

To Reproduce

1. I have a bit of text (including line breaks), which I copied to clipboard. E.g.:

Lorem ipsum dolor sit amet.
Ipsum dolor sit amet.
Lorem ipsum dolor sit amet.

2. Then I go to the Gutenberg Editor > Add new Block > Add List Block

3. I insert the text into the first list element in that block. Instead of being inside the first list element, which is expected from other editors, you get an empty list block, then one paragraph block with the pasted text and under that an empty list block again:

Expected behavior

When pasting the text into the first list element, the text should be in that list element, not in an paragraph block:

Desktop used:

• OS: MacOS Mojave
• Browser: Google Chrome, Mozilla Firefox, Safari
• Versions: Latest

Additional context

• Gutenberg Version 3.6.2

[designsimply]

Tested and confirmed using WordPress 4.9.8 and Gutenberg 3.7.

I think it would be a nice enhancement to remove leading and trailing white space from pasted content within list items, but it would also be good to see what developers working on the project think about that as well.

[mcsf]

Related: #5727

[designsimply]

Thank you for testing Gutenberg at this stage and for reporting the issue! I am closing this one in favor of #10042 because it has a bit more information and also notes a problem with undo which could be relevant. Both issues are good but I want to keep just one of them open!

[wvega]

@designsimply should this issue be reopened?

I'm still able to reproduce this issue on the Gutenberg version included with WordPress 5.0.2, but #10042 is now closed as a duplicate of #8882 which no longer mentions the problem that occurs pasting multiline text on a List Block.

[newmedicine]

@designsimply I am having the same problem - Mojave, 5.0.3.

[dionysous]

This issue and the related issue #10042 have both been closed. The problem still exist. It has not been fixed.

It still behaves like this:

@codebykat | @designsimply | Can you please re-open this issue? Thank you!

[codebykat]

I tried to reproduce this since folks are pinging me on it for whatever reason (🤷‍♀) and I'm not getting the empty list blocks before and after, though it does replace the selected list block with a paragraph block. I'm not sure if that's the intended behavior -- it would seemingly be better to have it paste into a list block and assume newlines delimit new list items. I'll defer to @designsimply or someone else on the Gutenberg team as to whether this should be re-opened as an enhancement.

[designsimply]

Re-opening for another review and feedback from Gutenberg developers.

I tested and confirmed I can see the exact same behavior showing in @dionysous's gif when I tested using a site running WordPress 5.2.1 and no active plugins. For reference, I tested with Firefox 67.0 on macOS 10.14.5.

This issue doesn't seem like a duplicate of #8882 to me.

@codebykat I suspect you got a mention since you were the author of the #10042 issue.

[dionysous]

I can confirm @designsimply - I've tested it again on my Mac using Safari 12.1.2, Chrome 76.0.3 and Firefox 68.0.2:

Screen capture when pasting the text into a list block:

[ellatrix]

Hi @dionysous! Thanks for the report.

Could you share what the console is logging for you when you paste?

I'm looking for this:

Please copy the text and paste it in between backticks:

```
content
```

Thank you!

[skorasaurus]

I'm able to reproduce this on Gutenberg 9.5.2, Firefox 83, Ubuntu.

Pasting from a plain text editor (sublime text), each line of text is its own line:

one, this is a ditty
two, this is for a bug report
three, is two plus one

and in the console:

Received HTML:
 <empty string> 
Received plain text:

 one, this is a ditty
two, this is for a bug report
three, is two plus one 
Processed HTML piece:

 <p>one, this is a ditty<br>two, this is for a bug report<br>three, is two plus one</p>

[darwin370]

Also reproducable in WordPress 5.6.1, Twenty Twenty 1.6, no plugins, Firefox 85.0.2 (64-Bit).

Console:

Received HTML:

 <empty string> rich-text.min.js:2:44525

Received plain text:

 one, this is a ditty
two, this is for a bug report
three, is two plus one rich-text.min.js:2:44568

Processed HTML piece:

 <p>one, this is a ditty<br>two, this is for a bug report<br>three, is two plus one</p> blocks.min.js:3:139223