tests/wpt/css-tests/css-transforms-1_dev/xhtml1print/iframe-001.xht


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
31
32
33
34
35

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
        <title>CSS Regions: flowing an iframe that loads content with 3D transform</title>
        <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
        <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
        <link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help" />
        <link href="http://www.w3.org/TR/css-transforms-1/#transform-functions" rel="help" />
        <meta content="Test checks that flowing an iframe that loads content with 3D transforms in a region renders without artifacts." name="assert" />
        <meta content="ahem" name="flags" />
        <link href="reference/iframe-001-ref.xht" rel="match" />
        <style>
        .flow {
            flow-into: f;
        }

        .region {
            flow-from: f;
            width: 400px;
            height: 300px;
        }
        .region p {
            background-color: red;
            height: 50%;
        }
        </style>
    </head>
    <body>
        <p>Test passes if you see horizontal green rectangle and no red.</p>

        <iframe width="400" height="300" class="flow" frameborder="0" src="support/3d-filler.html"></iframe>
        <div class="region">
            <p>&#xA0;</p>
        </div>
    
</body></html>