The caret is not displayed in inline contenteditable elements
Reported by
lennart....@gmail.com,
Feb 6 2018
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Example URL: https://stackoverflow.com/questions/25897883/edit-cursor-not-displayed-on-chrome-in-contenteditable Steps to reproduce the problem: 1. See the link. If the contenteditable element is display:block or inline-block then it works as expected. The position is of course known to the browser, just do shift+left or something to show that. What is the expected behavior? That the caret is visible also in inline contenteditable elements. What went wrong? The caret is not visible in inline contententeditable elements. Does it occur on multiple sites: N/A Is it a problem with a plugin? N/A Did this work before? No Does this work in other browsers? N/A Chrome version: 64.0.3282.140 Channel: stable OS Version: 10.0 Flash Version: It is annoying and a bit hard to cure if you do not know the reason. But you have to fix it when you create a page. So it wastes quite a bit of time for some people, I believe.
,
Feb 6 2018
,
Feb 6 2018
Just a thought, i didn't test, but doesn't that invisible caret clash with efforts like this in browser development? https://hackernoon.com/easily-create-an-html-editor-with-designmode-and-contenteditable-7ed1c465d39b
,
Feb 7 2018
Tested the issue on Win-10 using chrome reported version #64.0.3282.140 and latest canary #66.0.3341.0. Attached a screen cast for reference. Following are the steps followed to reproduce the issue. ------------ 1. Navigated to url: https://stackoverflow.com/questions/25897883/edit-cursor-not-displayed-on-chrome-in-contenteditable and ran code snippet. 2. Did not observe anything in the box, rather it displayed blank. Note: Same behavior is observed in firefox also. reporter@ - Could you please check the attached screen cast and please let us know if anything missed from our side to reproduce the issue. Thanks...!!
,
Feb 14 2018
Mark WontFix since this is expected behavior. Chrome, Edge, and Firefox don't show caret. Note: Chrome shows caret when SPAN followed by text[1]. [1] https://jsfiddle.net/vhkjyjhs/12/
,
Feb 14 2018
Thanks yosin@, I realize this is a marginal case. However since you decided to not fix this you might consider throwing an error when the combination "display:inline" and "contenteditable" is encountered. That will save time for those unlucky users that encounters this. (And I can't help wonder if there are more cases like this in table etc.) |
||||
►
Sign in to add a comment |
||||
Comment 1 by dtapu...@chromium.org
, Feb 6 2018