<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function onload() {
  window.focus();
  var range = document.createRange();
  range.selectNodeContents(document.getElementById("selectMe"));
  var sel = window.getSelection();
  sel.removeAllRanges();
  sel.addRange(range);
}
</script>
<style type="text/css">
body {
  background: lightGray;
}
div {
  position: absolute;
  top: 10px;
  left: 10px;
  font: 36px monospace;
  color: white;
}
</style>
</head>
<!-- test for bug 692752 - paint text shadow on top of selection highlight -->
<body onload="onload()">
<div style="text-shadow:1px 1px 1px red;" id="selectMe"><bdo dir="rtl">selected shadowed rtl text</bdo></div>
</body>
</html>