New issue
Advanced search Search tips

Issue 896108 link

Starred by 3 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Caret can not move downwWhen a inline-block element placed in a contenteditable element,

Reported by keeliiz...@gmail.com, Oct 17

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

Steps to reproduce the problem:
1. open test.html with chrome
2. click at the beginning of the first line
3. keep pressing the Arrowdown key

What is the expected behavior?
cursor can move last line

What went wrong?
stop at the inline-block element `[cursor]<code>dolor</code>...`

I give the code element a custom style: 
code { display: inline-block }
if i remove this style, everything goes well.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 69.0.3497.100  Channel: stable
OS Version: OS X 10.14.0
Flash Version: 

no
 
test.html
452 bytes View Download
Maybe a screenshot could explain this well:

https://user-images.githubusercontent.com/458894/46928303-85860b80-d06c-11e8-8a45-11204f6a88ff.gif
46928303-85860b80-d06c-11e8-8a45-11204f6a88ff.gif
249 KB View Download
Labels: Needs-Triage-M69
Cc: vamshi.kommuri@chromium.org
Labels: Triaged-ET Target-72 M-72 FoundIn-71 FoundIn-70 FoundIn-72 OS-Linux OS-Windows
Status: Untriaged (was: Unconfirmed)
Thanks for filing the issue!

Able to reproduce the issue on reported chrome version 69.0.3497.100 and on the latest canary 72.0.3583.0 using Mac 10.13.1, Windows 10 and Ubuntu 14.04

As the issue is seen from M60(60.0.3112.0) considering it as Non-Regression and marking it as Untriaged. Requesting someone from respective team to have a look into this.
Components: -Blink>HTML Blink>Editing
Summary: Caret can not move downwWhen a inline-block element placed in a contenteditable element, (was: Cursor can not move down When a inline-block element placed in a contenteditable element, )
Floats also trigger this buggy behaviour, which is decidedly inconvenient for us in Topicbox: on messages to our mailing lists we add a footer which includes a right-floating element at the end, but when responding to such emails in webmail clients in Chrome, the <br> that the browser adds cause the down arrow to fail to get past it. Firefox and Edge both behave properly. I made a more detailed test case while investigating this, which may be useful for diagnosis; see the attached HTML.
contenteditable-caret-float-down-arrow-dysfunction.html
1.9 KB View Download
Components: -Blink>Editing Blink>Editing>Selection
Status: Available (was: Untriaged)

Sign in to add a comment