Blitz - WPT: box-shadow-003.html

wpt / css / css-break / box-shadow-003.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#break-decoration">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=682173">
<link rel="match" href="box-shadow-003-ref.html">
<p>Box shadows should not be painted at column breaks.</p>
<div style="columns:3; column-gap:50px; column-fill:auto; margin:50px; inline-size:400px; block-size:100px; background:yellow; writing-mode:vertical-rl;">
  <div style="box-shadow:0px 0px 0px 10px; inline-size:50px; block-size:250px;"></div>
</div>

/css/css-break/box-shadow-003-ref.html

<!DOCTYPE html>
<style>
  #mc > div {
    position: absolute;
    inline-size: 50px;
    border: 10px solid;
  }
</style>
<p>Box shadows should not be painted at column breaks.</p>
<div id="mc" style="position:relative; margin:50px; inline-size:400px; block-size:100px; background:yellow; writing-mode:vertical-rl;">
  <div style="inset-inline-start:-10px; inset-block-start:-10px; block-size:100px; border-block-end:none;"></div>
  <div style="inset-inline-start: 140px; block-size:100px; border-block-start:none; border-block-end:none;"></div>
  <div style="inset-inline-start: 290px; block-size:50px; border-block-start:none;"></div>
</div>