gutenberg Classic Block: Can't select multiple lines of text and style them all at once

Classic Block: Can't select multiple lines of text and style them all at once

Open Greatdane opened this issue 2 years ago • 5 comments

Description

When selecting multiple lines of text in a Classic block and then styling it using one of the toolbar options (like Bold, Italic, Alignment options) it only affects the first highlighted word or line.

Step-by-step reproduction instructions

Create a new post
Add a Classic Block
Enter several lines of text separated by a Return
Highlight all of the text
Click the Bold link in the toolbar
Highlight all of the text again
Click the Center Alignment in the toolbar

Screenshots, screen recording, code snippet

I made a video here, but when I made the video, clicking Bold did not bold any of the text at all, so something changed between the time I found the bug originally and the time I created the video to reproduce it!

https://user-images.githubusercontent.com/5075840/165697167-5d523bb6-96d0-4dfc-b10d-56666d4393b3.mp4

Environment info

WordPress 5.9.3 Gutenberg 13.0.0

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Apr 28 '22 07:04 Greatdane

In addition to the styling options, this error also seems to apply when trying to "overwrite" selected text. If you select multiple lines of text and then try to type (in an attempt to replace what was selected with your new text), nothing happens—the selected text is not replaced.

Also, selecting exactly two lines (rather than just one or 3+) causes the selection to disappear entirely, and the caret jumps back to whatever line you had selected last. For example, if I click into the middle of line 2, then select any two lines, the selection immediately vanishes and the insertion point is back in the middle of line 2.