New issue
Advanced search Search tips

Issue 799691 link

Starred by 1 user

Issue metadata

Status: Untriaged
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

Arrow key should work visually in vertical writing mode

Reported by sunrise9...@gmail.com, Jan 6 2018

Issue description

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

Steps to reproduce the problem:
1. Create HTML tag with attribute "contenteditable"
2. set CSS "writing-mode:vertical-rl;" for contenteditable tag
3. Enter a long enough paragraph text (must break over one line in)
4. Try to move the caret position by arrow keys, then the position it's stuck, or appear double or triple caret.

What is the expected behavior?
codepen demo : https://codepen.io/GoreWang/pen/EobgpE

caret should work normally when moving position by arrow key (CSS:"writing-mode:vertical-rl;").
And moreover, can move in the same direction with arrow key when verticle writing.(Firefox works great)

What went wrong?
Try to move the caret position by arrow keys, then the position it's stuck, or appear double or triple caret.

And moreover, can't move in the same direction with arrow key when verticle writing.(Firefox works great)

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 63.0.3239.84  Channel: n/a
OS Version: OS X 10.11.6
Flash Version: 

I'm trying to create a verticle writing environment by web technic, so this bug is a huge frustration to me. I really need a help, thanks!

https://github.com/GoreStarry/Stories_Kingdom




 
chrome-contenteditable-bug.html
589 bytes View Download
Sorry... the tiltle should be: 
HTML attribute "contenteditable" have the text caret position broken problem when vertical writing use of CSS "writing-mode:vertical-rl;"

Components: Blink>Editing
Labels: Needs-Triage-M63

Comment 4 by yosin@chromium.org, Jan 9 2018

Components: -Blink>Editing Blink>Editing>Selection
Labels: -Needs-Triage-M63
Status: Available (was: Unconfirmed)
Summary: Arrow key should work visually in vertical writing mode (was: HTML attribute "contenteditable" have the text car)
Note: Arrow keys change caret position logically instead of visually. 
https://jsfiddle.net/90m4jp4p/1/
Project Member

Comment 5 by sheriffbot@chromium.org, Jan 10

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Sign in to add a comment