Blitz - WPT: clip-under-filter-003.html

wpt / css / filter-effects / clip-under-filter-003.html

/css/filter-effects/clip-under-filter-003.html

<!DOCTYPE html>
<title>CSS filter : Clipping on descendant of filter element</title>
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#FilterProperty">
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#funcdef-filter-opacity">
<link rel="help" href="https://crbug.com/734116">
<link rel="help" href="https://crbug.com/747511">
<link rel="match" href="reference/clip-under-filter-003-ref.html">
<meta name="assert" content="This test ensures that overflow clip correctly applies to children in the presence of a filter on the same element"/>
<div style="position:relative; width:100px; height:100px; border:5px dashed black; background:green; overflow:hidden; filter:opacity(1);">
  <div style="margin-left:-5px; margin-top:-5px; width:100px; height:100px; border:5px solid red;"></div>
</div>
This test verifies overflow clip correctly applies to children in the presence of a filter on the same element.<br/>
It succeeds if a green box with dashed black border is shown. No red border should be visible.

/css/filter-effects/reference/clip-under-filter-003-ref.html

<!DOCTYPE html>
<div style="width:100px; height:100px; border:5px dashed black; background:green;">
</div>
This test verifies overflow clip correctly applies to children in the presence of a filter on the same element.<br/>
It succeeds if a green box with dashed black border is shown. No red border should be visible.