blob: 8e7013b2d7d014f8f6544c3458ac349da6448f24 (
plain)
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
|
<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
document.getElementById('skewed').style.width = '200px';
}
onload = runRepaintTest;
</script>
<style>
div {
position: absolute;
transform: skew(-45deg);
transform-origin: left top;
top: 50px;
left: 500px;
height: 500px;
}
#skewed {
width: 100px;
background-color: green;
}
#indicator {
width: 200px;
background-color: red;
}
</style>
Tests paint invalidation when a skewed element is resized. Passes if there is no red.
<div id="indicator"></div>
<div id="skewed"></div>
|
