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.

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 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=717878
-->
<head>
  <meta charset="utf-8">
  <title>Test for Bug 717878</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=717878">Mozilla Bug 717878</a>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<!-- size=10 and monospace font ensure there's no overflow in either direction -->
<input id="no-overflow" type="text"
  size="10"
  style="
    font-family: monospace;
    font-size: 1em;"
  value="Short">
<!-- ditto, with appearance:none -->
<input id="no-overflow2" type="text"
  size="10"
  style="
    -webkit-appearance:none;
    font-family: monospace;
    font-size: 1em;"
  value="Short">
<!-- size=10, monospace font, and height=0.5em ensure overflow in both directions -->
<input id="overflow" type="text"
  size="10"
  style="
    font-family: monospace;
    font-size: 3em;
    height: 0.5em;"
  value="This is a long string">
<!-- ditto, with appearance:none -->
<input id="overflow2" type="text"
  size="10"
  style="
    -webkit-appearance:none;
    font-family: monospace;
    font-size: 3em;
    height: 0.5em;"
  value="This is a long string">
<pre id="test">
<script type="application/javascript">

/** Test for Bug 717878 **/

/**
 * Test an element's scroll properties for correctness
 *
 * @param element Element to test
 * @param prop Specify the property to test,
 *             i.e. "scrollLeft" or "scrollTop"
 * @param propMax Specify the scrollMax property to test,
 *                i.e. "scrollLeftMax" or "scrollTopMax"
 * @param is_overflow Specify whether the element is
 *                    scrollable in the above direction
 */
function test_scroll(element, scroll, scrollMax, is_overflow) {

  is(element[scroll], 0, element.id + " initial " + scroll + " != 0");
  if (is_overflow) {
    isnot(element[scrollMax], 0, element.id + " " + scrollMax + " == 0");
  } else {
    is(element[scrollMax], 0, element.id + " " + scrollMax + " != 0");
  }

  element[scroll] = 10;
  if (is_overflow) {
    isnot(element[scroll], 0, element.id + " unable to scroll " + scroll);
  } else {
    is(element[scroll], 0, element.id + " able to scroll " + scroll);
  }

  element[scroll] = element[scrollMax];
  is(element[scroll], element[scrollMax], element.id + " did not scroll to " + scrollMax);

  element[scroll] = element[scrollMax] + 10;
  is(element[scroll], element[scrollMax], element.id + " scrolled past " + scrollMax);
}

var no_overflow = document.getElementById("no-overflow");
test_scroll(no_overflow, "scrollLeft", "scrollLeftMax", /* is_overflow */ false);
test_scroll(no_overflow, "scrollTop", "scrollTopMax", /* is_overflow */ false);

var no_overflow2 = document.getElementById("no-overflow2");
test_scroll(no_overflow2, "scrollLeft", "scrollLeftMax", /* is_overflow */ false);
test_scroll(no_overflow2, "scrollTop", "scrollTopMax", /* is_overflow */ false);

var overflow = document.getElementById("overflow");
test_scroll(overflow, "scrollLeft", "scrollLeftMax", /* is_overflow */ true);
test_scroll(overflow, "scrollTop", "scrollTopMax", /* is_overflow */ true);

var overflow2 = document.getElementById("overflow2");
test_scroll(overflow2, "scrollLeft", "scrollLeftMax", /* is_overflow */ true);
test_scroll(overflow2, "scrollTop", "scrollTopMax", /* is_overflow */ true);

</script>
</pre>
</body>
</html>