vertical-rl-as-paint-container.html 636 B

1234567891011121314151617
  1. <!DOCTYPE html>
  2. <script src="resources/text-based-repaint.js"></script>
  3. <script>
  4. if (window.internals) {
  5. onload = runRepaintAndPixelTest;
  6. } else {
  7. onclick = repaintTest;
  8. }
  9. function repaintTest() {
  10. var target = document.getElementById('target');
  11. target.style.color = 'green';
  12. }
  13. </script>
  14. <div id="target" style="-webkit-writing-mode:vertical-rl; backface-visibility:hidden; width:600px; height:400px; font:20px/1 Ahem; color:red;">
  15. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  16. </div>
  17. <p>All text above should be green (if tested manually, you need to click first).</p>