Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that disables it given conditions:
            
- (os == "mac") and (os_version == "14.70") and (processor == "x86_64") and not debug : Bug 1931214
 - (os == "mac") and (os_version == "14.70") and (processor == "x86_64") and debug : Bug 1931214
 
 - This WPT test may be referenced by the following Test IDs:
            
- /css/css-ui/outline-negative-offset-composited-scroll.html - WPT Dashboard Interop Dashboard
 
 
<!doctype html>
<title>CSS-UI test: outline-offset width negative values on scroller</title>
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<style>
#container {
  width: 100px;
  height: 100px;
  background: red;
  will-change: transform;
  overflow: scroll;
  outline: solid 50px green;
  outline-offset: -50px;
}
#child {
  position: relative;
  will-change: transform;
  height: 1000px;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="container">
  <div id="child"></div>
</div>