45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<style>
|
|
.container {
|
|
margin: 20px;
|
|
width: 300px;
|
|
height: 200px;
|
|
border: 1px solid black;
|
|
overflow: scroll;
|
|
}
|
|
.vertical-rl {
|
|
-webkit-writing-mode: vertical-rl;
|
|
}
|
|
.offset {
|
|
width: 2000px;
|
|
height: 100px;
|
|
}
|
|
.target {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: red;
|
|
visibility: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- A rect (target class) should be painted. -->
|
|
<!-- In DumpRenderTree, there should be repaint logs of 100x100 rect. We don't care how many times is the log dumpped. -->
|
|
<div class="container">
|
|
<div class="vertical-rl">
|
|
<div class="target"></div>
|
|
<div class="offset"></div>
|
|
</div></div>
|
|
<script src="resources/text-based-repaint.js" type="text/javascript"></script>
|
|
<script>
|
|
repaintTest = function() {
|
|
var target = document.getElementsByClassName("target")[0];
|
|
target.style.visibility = "visible";
|
|
};
|
|
var container = document.getElementsByClassName("container")[0];
|
|
container.scrollLeft = 3000;
|
|
runRepaintTest();
|
|
</script>
|
|
</body></html>
|