DXR is a code search and navigation tool aimed at making sense of large projects. It supports full-text and regex searches as well as structural queries.

Mercurial (cdf352f02ac4)

VCS Links

Line Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
<!DOCTYPE html>
<meta charset=utf-8>
<title>Test for select popup in vertical writing mode</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script>
SimpleTest.waitForExplicitFinish();

function test() {
  SimpleTest.waitForFocus(function() {
    var vlr = document.getElementById("vlr");
    var selWidth = vlr.offsetWidth;
    var optWidth = vlr.children[0].offsetWidth;

    // We should be able to choose options from the vertical-lr <select>
    // at positions increasingly to the right of the element itself.
    is(vlr.value, "1", "(vertical-lr) initial value should be 1");

    synthesizeMouse(vlr, 5, 5, { type : "mousedown", button: 0 });
    synthesizeMouse(vlr, selWidth + 1.5 * optWidth, 5, { type : "mouseup", button: 0 });

    is(vlr.value, "2", "(vertical-lr) new value should be 2");

    synthesizeMouse(vlr, 5, 5, { type : "mousedown", button: 0 });
    synthesizeMouse(vlr, selWidth + 2.5 * optWidth, 5, { type : "mouseup", button: 0 });

    is(vlr.value, "3", "(vertical-lr) new value should be 3");

    synthesizeMouse(vlr, 5, 5, { type : "mousedown", button: 0 });
    synthesizeMouse(vlr, selWidth + 0.5 * optWidth, 5, { type : "mouseup", button: 0 });

    is(vlr.value, "1", "(vertical-lr) value should be back to 1");

    var vrl = document.getElementById("vrl");

    // We should be able to choose options from the vertical-rl <select>
    // at positions increasingly to the left of the element itself.
    is(vrl.value, "1", "(vertical-rl) initial value should be 1");

    synthesizeMouse(vrl, 5, 5, { type : "mousedown", button: 0 });
    synthesizeMouse(vrl, -1.5 * optWidth, 5, { type : "mouseup", button: 0 });

    is(vrl.value, "2", "(vertical-rl) new value should be 2");

    synthesizeMouse(vrl, 5, 5, { type : "mousedown", button: 0 });
    synthesizeMouse(vrl, -2.5 * optWidth, 5, { type : "mouseup", button: 0 });

    is(vrl.value, "3", "(vertical-rl) new value should be 3");

    synthesizeMouse(vrl, 5, 5, { type : "mousedown", button: 0 });
    synthesizeMouse(vrl, -0.5 * optWidth, 5, { type : "mouseup", button: 0 });

    is(vrl.value, "1", "(vertical-rl) value should be back to 1");

    SimpleTest.finish();
  });
}
</script>

<body onload="test();">
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1113206">Mozilla Bug 1113206</a>
<div>
  <select id="vlr" style="writing-mode: vertical-lr; margin: 80px;">
    <option value="1">one
    <option value="2">two
    <option value="3">three
    <option value="4">four
  </select>
  <select id="vrl" style="writing-mode: vertical-rl; margin: 80px;">
    <option value="1">one
    <option value="2">two
    <option value="3">three
    <option value="4">four
  </select>
</div>