2

This just seems like it should be so simple. Chrome under Linux.

The following HTML:

<div contenteditable="true">
test
<div style="display: inline-block;">
    <div style="font-weight: bold">Click here. Why does down arrow now work?</div>
</div>
test
<div>
test
<div style="display: inline-block;">
    <div style="font-weight: bold">TEST2</div>
</div>
Click mouse here and press up arrow in chrome? Why does it not go up?
</div>
</div>

​ See http://jsfiddle.net/tSkj9/

This causes the UP and DOWN arrows to fail.

Why?

If I set it to block, up and down arrows work. Instead they move the cursor side to side by a few characters repeatedly.

I'm assuming it has something to do with inline-block in a contenteditable.

Browser bug or am I missing something about inline-block?

4
  • Definitely a browser bug. Happens in Safari too. Check the WebKit bug tracker and report it if there isn't already a bug.
    – Tim Down
    Jan 1, 2013 at 12:07
  • Thanks. I added a bug report. Jan 1, 2013 at 18:32
  • Have you got a link to the WebKit bug ticket? I'd like to follow it but can't seem to find it.
    – Tim Down
    Jan 11, 2013 at 9:35
  • I didn't know how to figure out what version of WebKit Chrome is using. But here it is: bugs.webkit.org/show_bug.cgi?id=105898 Jan 11, 2013 at 17:31

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.