Text insertion cursor can show up right-aligned

[mirka]

Describe the bug
The text caret can show up on the far right when clicking on an empty prompt.

To reproduce
Steps to reproduce the behavior:

1. Type two paragraphs.
2. Erase the first paragraph.
3. Click on the second paragraph.
4. Click on the prompt where the first paragraph was.
5. The caret appears on the right.

Expected behavior
The caret appears on the left.

Screenshots

Editor version (please complete the following information):
Current master 56eb4d7

Desktop (please complete the following information):

• OS: macOS 10.14.6
• Browser: Chrome 83.0.4103.116

Additional context

May be related to #18342

[annezazu]

Thanks for reporting this @mirka ! I agree that this does seem related to the issue you shared but distinct enough for now to remain open. I'll let others decide if not.

[talldan]

Just noting that in Firefox (Mac OS) the result is slightly different and the caret isn't visible on the left or right (it's not visible at all):

I can reproduce the same issue as the reporter in Chrome.

[talldan]

I did some debugging (well, more trial and error) on this issue.

In Firefox the missing caret could be related to the way placeholder text is applied in the block appender. Commenting out the content: attr(data-rich-text-placeholder); style makes it visible again:

gutenberg/packages/block-editor/src/components/rich-text/style.scss

Line 11 in 02cb893

content: attr(data-rich-text-placeholder);

But it doesn't solve the issue in Chrome.

[tellthemachines]

I can reproduce this issue in Chrome, but not in Firefox or Safari (although I'm also seeing the same issue as @talldan in Firefox), as far back as 5.4.2. I'm removing it from the 5.6 must haves board as it's not a 5.6 regression.

[ellatrix]

Can anyone still reproduce this? I can't in Chrome.

[mirka]

Me neither, I don't think I've seen this glitch in a while.