726392-3.html - mozsearch

Enable keyboard shortcuts

<!DOCTYPE html>

<html class="reftest-wait">

 <head>

  <meta charset="utf-8">

  <title>Bug 726392</title>

  <style type="text/css">

   p { margin: 0; white-space: pre-line; letter-spacing: 10px; font-size:6px;}

   .alignLeft { text-align: left; }

   .alignRight { text-align: right; }

   .alignCenter { text-align: center; }

   .alignJustify { text-align: justify; }

   .alignStart { text-align: start; }

   .alignEnd { text-align: end; }

   .alignLastAuto { text-align-last: auto; }

   .alignLastLeft { text-align-last: left; }

   .alignLastRight { text-align-last: right; }

   .alignLastCenter { text-align-last: center; }

   .alignLastJustify { text-align-last: justify; }

   .alignLastStart { text-align-last: start; }

   .alignLastEnd { text-align-last: end; }

  </style>

</head>

 <body style="width:590px; height:590px;">

 <div id="e" style="width:50%">

  <p class="alignLeft alignLastAuto">test

test</p>

  <p class="alignLeft alignLastLeft">test

test</p>

  <p class="alignLeft alignLastRight">test

test</p>

  <p class="alignLeft alignLastCenter">test

test</p>

  <p class="alignLeft alignLastJustify">test

test</p>

  <p class="alignLeft alignLastStart">test

test</p>

  <p class="alignLeft alignLastEnd">test

test</p>

  <p class="alignJustify alignLastAuto">test

test</p>

  <p class="alignJustify alignLastLeft">test

test</p>

  <p class="alignJustify alignLastRight">test

test</p>

  <p class="alignJustify alignLastCenter">test

test</p>

  <p class="alignJustify alignLastJustify">test

test</p>

  <p class="alignJustify alignLastStart">test

test</p>

  <p class="alignJustify alignLastEnd">test

test</p>

  <p class="alignStart alignLastAuto">test

test</p>

  <p class="alignStart alignLastLeft">test

test</p>

  <p class="alignStart alignLastRight">test

test</p>

  <p class="alignStart alignLastCenter">test

test</p>

  <p class="alignStart alignLastJustify">test

test</p>

  <p class="alignStart alignLastStart">test

test</p>

  <p class="alignStart alignLastEnd">test

test</p>

  <p class="alignEnd alignLastAuto">test

test</p>

  <p class="alignEnd alignLastLeft">test

test</p>

  <p class="alignEnd alignLastRight">test

test</p>

  <p class="alignEnd alignLastCenter">test

test</p>

  <p class="alignEnd alignLastJustify">test

test</p>

  <p class="alignEnd alignLastStart">test

test</p>

  <p class="alignEnd alignLastEnd">test

test</p>

 </div>

<script type="text/javascript">

function resizeElements()

  var enclosingDiv = document.getElementById("e");

  enclosingDiv.style.width = "100%";

  document.documentElement.removeAttribute("class");

document.addEventListener("MozReftestInvalidate", resizeElements);

</script>

</body>

</html>