Missing space between the square and the caret after inserting the todo list item

ckeditor / ckeditor5

Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.

https://ckeditor.com/ckeditor-5

Other

9.36k stars 3.68k forks source link

Missing space between the square and the caret after inserting the todo list item #9141

Open pomek opened 3 years ago

pomek commented 3 years ago

📝 Provide detailed reproduction steps (if any)

Open https://ckeditor.com/docs/ckeditor5/latest/features/lists/todo-lists.html
Clear the editor.
Type []

✔️ Expected result

The caret does not touch the square symbol.

❌ Actual result

No space between the square and the caret.

📃 Other details

After typing a letter, the typed letter jumps.

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

AnnaTomanek commented 3 years ago

This looks like a visual glitch that may possibly be fixed by CSS.

neongreen commented 3 years ago

Funnily, this does not happen at https://ckeditor.com/ckeditor-5/demo/.

oleq commented 2 years ago

I guess .todo-list__label { display: inline-block } should help. Not sure about the impact on other aspects of the UX, though. Needs testing.

CKEditorBot commented 11 months ago

There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may still be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

neongreen commented 10 months ago

Still happens with latest CKEditor (as deployed on the demo site right now.. I assume it's 40). Browser version: Chrome 119.0.6045.123 on macOS 14.1.1. Can't replicate in Safari.

jmverges commented 3 weeks ago

I saw this and it leads to a following error. If you type a space as the first character of a type list it gets broken. I can understand a human concer like "oh that cursor is to close to the checkbox, I'm going to type a space so visually it will look ok"