<!DOCTYPE html>
<html style="writing-mode: vertical-lr;">
<head>
<meta charset="UTF-8">
<title>Fragment Navigation: Scroll to block start position in vertical-lr writing mode</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="test" style="position: absolute; top: 5px; left: 7px; margin: 5px 7px; border-style: solid; border-width: 5px 7px; padding: 5px 7px; height: 5px; width: 7px;"></div>
<div style="width: 200vw;"></div>
<script>
async_test(function (t) {
    on_event(window, 'load', function () {
        t.step(function () {
            window.scrollTo(0, 0);
            location.hash = 'test';
            assert_equals(window.scrollX, 14, 'Scroll to the left border edge of #test');
        });
        t.done();
    });
}, '');
</script>
</body>
</html>