New issue
Advanced search Search tips

Issue 819106 link

Starred by 1 user

Issue metadata

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



Sign in to add a comment

Incorrect caret movement by pressing arrow keys on vertical writing mode

Reported by aronso...@gmail.com, Mar 6 2018

Issue description

Chrome Version       : バージョン: 64.0.3282.186(Official Build) (64 ビット)
URLs (if applicable) :
    https://github.com/w3c/mlreq/issues/16
    https://aronsoyol.github.io/caret_test/

Other browsers tested:
     Safari:FAIL
    Firefox:OK
       Edge:FAIL

What steps will reproduce the problem?
(1)Open this URL https://aronsoyol.github.io/caret_test/
(2)move caret by pressing arrow keys

or just open the following html with Chrome.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #textBox{   
            writing-mode: vertical-lr;
            -moz-writing-mode: vertical-lr;
            -webkit-writing-mode: vertical-lr;
            -o-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
/*            -webkit-text-orientation: sideways-right;
            text-orientation: sideways-right;*/
            width: 100%;
            height:100%;
        }
    </style>
</head>
<body>
    <div id="textBox" contenteditable>
        hello world<br>
        line2<br>
        line3<br>
        白日依山尽<br>
        黄河入海流<br>
        ᠠᠷᠭᠠᠯ ᠤᠨ ᠤᠲᠤᠭ᠎ᠠ ᠪᠣᠷᠭᠢᠯᠤᠭᠰᠠᠨ<br>
        ᠮᠠᠯᠴᠢᠨ ᠤ ᠭᠡᠷ ᠲᠦ ᠲᠦᠷᠦᠭᠰᠡᠨ ᠪᠢ<br>
    </div>
</body>
</html>

What is the expected result?
The caret moves up when pressing the arrow up key.
The caret moves down when pressing the arrow down key.
The caret moves left when pressing the arrow left key.
The caret moves right when pressing the arrow right key.

What happens instead?
The caret moves left when pressing the arrow up key.
The caret moves right when pressing the arrow down key.
The caret moves up when pressing the arrow left key.
The caret moves down when pressing the arrow right key.
 
Components: Blink>Editing
Labels: Needs-Triage-M64

Comment 3 by yosin@chromium.org, Mar 15 2018

Components: -Blink>Editing Blink>Editing>Selection
Status: Available (was: Unconfirmed)

Sign in to add a comment