wpt / css / filter-effects / backdrop-filter-scale-transform.html

Status: FAIL | Duration: 12ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/filter-effects/backdrop-filter-scale-transform.html

<!DOCTYPE html>
<link rel="author" href="mailto:chrishtr@chromium.org">
<link rel="help" href="https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty">
<link rel="match" href="backdrop-filter-scale-transform-ref.html">
<style>
  #container {
    position: relative;
    width: 200px;
    height: 200px;
    transform: scale(1.1);
  }

  #backdropfilter {
    backdrop-filter: invert(100%);
    position: relative;
    width: 100%;
    height: 100%;
  }
</style>
<div id=container>
  <div id=backdropfilter></div>
</div>

/css/filter-effects/backdrop-filter-scale-transform-ref.html

<!DOCTYPE html>
<style>
  #container {
    position: relative;
    width: 200px;
    height: 200px;
    transform: scale(1.1);
  }

  #backdropfilter {
    background: black;
    position: relative;
    width: 100%;
    height: 100%;
  }
</style>
<div id=container>
  <div id=backdropfilter></div>
</div>