Blitz - WPT: video-controls-paint-order.html

wpt / css / CSS2 / normal-flow / video-controls-paint-order.html

/css/CSS2/normal-flow/video-controls-paint-order.html

<!DOCTYPE html>
<title>Video with controls paint order</title>
<link rel="author" title="jj" href="mailto:jj@imput.net">
<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
<link rel="match" href="video-paint-order-ref.html">
<style>
  video {
    background: red;
    width: 95px;
    height: 95px;
  }
  #negative-margin {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: green;
    margin-left: -100px;
  }
</style>
<video controls></video>
<!-- #negative-margin should paint fully on top of the video including its controls. -->
<div id="negative-margin"></div>

/css/CSS2/normal-flow/video-paint-order-ref.html

<!DOCTYPE html>
<style>
  video {
    width: 95px;
    height: 95px;
  }
  #negative-margin {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: green;
    margin-left: -100px;
  }
</style>
<video></video>
<div id="negative-margin"></div>