Blitz - WPT: inset-box-shadow-stacking-context-scroll.html

wpt / css / css-backgrounds / inset-box-shadow-stacking-context-scroll.html

/css/css-backgrounds/inset-box-shadow-stacking-context-scroll.html

<!DOCTYPE html>
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-box-shadow">
<link rel="match" href="inset-box-shadow-scroll-ref.html"/>
<style>
#target {
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 100px;
  overflow: scroll;
  background-color: white;
  box-shadow: 10px 10px green inset;
  padding: 10px;
}
#inner {
  height: 120px;
}
</style>
<div id="target">
  <div id="inner">
    Passes if green inset shadow is visible.
  </div>
</div>

/css/css-backgrounds/inset-box-shadow-scroll-ref.html

<!DOCTYPE html>
<style>
#target {
  width: 220px;
  height: 120px;
  overflow: scroll;
}
#inner {
  padding: 10px;
  box-shadow: 10px 10px green inset;
  height: 120px;
}
</style>
<div id="target">
  <div id="inner">
    Passes if green inset shadow is visible.
  </div>
</div>