[contenteditable] Click inside contenteditable block element when last children is non-editable moves caret into that non-editable.
Categories
(Core :: DOM: Editor, defect, P3)
Tracking
()
People
(Reporter: kajetanl, Unassigned, NeedInfo)
References
(Blocks 1 open bug)
Details
(Whiteboard: [h2review-noted])
Attachments
(2 files)
Updated•6 years ago
|
Updated•6 years ago
|
Comment 1•5 years ago
|
||
Can not reproduce
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:75.0) Gecko/20100101 Firefox/75.0
Comment 2•5 years ago
|
||
Attached file is not that simple. I've tried it on Firefox 48, Firefox 55 and Firefox 62 (looks same for me)
- Place caret just before /non editable/ like so
Test |/non editable/
Right
- caret moves next line (picture attached)- type characters - nothing
Right
- caret moves slightly right, still down- type characters - nothing
Right
- caret moves up- type characters - works!
Right
- caret moves up (like step 2)Right
- next step (4)- etc
- Click on /non editable/
- it selects
Delete
removes it
- Double click "Test'
- highlights entire line
- Backspace "Test " and one more
- everything removed
- Delete "Test " and one more
- /non editable/ removed
Down
- caret moves next line- type characters - caret moves up, characters displayed
Down
- caret moves next lineLeft
- caret down- type characters - nothing
Left
- caret moves up (on the end of line)- type characters - nothing
Left
- caret before /non editable/- type characters - works
<p>Test <span contenteditable="false"><span>/non editable/</span><span style="position:absolute; display: block;"><img src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw=="></span></span><br> </p>
Comment 3•5 years ago
|
||
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:76.0) Gecko/20100101 Firefox/76.0
Found issues with attached sample:
Invisible left navigation inside contenteditable:
- With mouse or keyboard place caret after /non editable/
Left
- caret disappeared- type characters - nothing
Left
14 more times (altogether 15)- it appears on "Test| /non editable/"
What if I tried to return back from Left
:
- With mouse or keyboard place caret after /non editable/
- 1
Left
- 3Right
to return back - 2
Left
- 4Right
... - 3
Left
- 5Right
- 14
Left
- 16Right
Double click "Test" selects part of /non editable/, can't remove:
- Double click "Test"
- Highlights "Tests " (with space)
Delete
,Backspace
- does not workgetSelection()
-focusNode: #text /non editable/
Same with mouse selection -
- Mouse down on
|Tests
- Move on top of /non editable/
- Move left `|/non editable/ but not on the space
- Mouse up
- Same selection as Double click
But if moved left on top of "Tests" and back to space it selects "Tests " (without /non editable/)
Backspace
does not remove /non editable/ but Delete
removes.
Remove /non editable/ by Backspace before it:
- Remove "Tests " (
Backspace
,Delete
or mouse selectionBackspace
,Delete
) - Put caret before /non editable/
Backspace
- it removes entire
<div>
content
Once "Tests " removed and caret moved elsewhere I can't put it before /non editable/ (but I can put it after)
Where are a lot of problems, should I split them?
As I could not reproduce exactly reporters steps it would be great if someone checked on Mac
Updated•4 years ago
|
Updated•2 years ago
|
Description
•