wpt / css / filter-effects / filtered-inline-applies-to-float.html

Status: PASS | Duration: 8ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/filter-effects/filtered-inline-applies-to-float.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#FilterProperty" />
<link rel="match" href="filtered-inline-applies-to-float-ref.html" />
<meta name="assert" content="A filter on an inline element applies to floats." />
<style>
span { filter: blur(2px); }
#float {
    float: left;
    width: 100px;
    height: 100px;
    background: green;
}
</style>
<p>There should be a blurred green square.</p>
<div>
  <span><div id="float"></div></span>
</div>

/css/filter-effects/filtered-inline-applies-to-float-ref.html

<!DOCTYPE html>
<style>
#float {
    float: left;
    width: 100px;
    height: 100px;
    background: green;
    filter: blur(2px);
}
</style>
<p>There should be a blurred green square.</p>
<div id="float"></div>