Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-transforms/transform-overflow-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): overflow: auto</title>
<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
<meta name="assert" content="". . . if the value of the 'overflow' property
is 'scroll' or 'auto', scrollbars will appear as needed to see content that
is transformed outside the visible area." This tests that the effect
of overflow: auto for a translation is the same as for an equivalent
relative positioning.">
<link rel="match" href="transform-overflow-001-ref.html">
<style>
body > div {
height: 200px;
width: 200px;
overflow: auto;
}
body > div > div {
height: 100px;
width: 100px;
background: blue;
transform: translate(150px);
}
</style>
</head>
<body>
<div>
<div></div>
</div>
</body>
</html>