<!DOCTYPE html>
<html>
<head>
  <title>CSS Filters: non-existent filters should not crash</title>
  <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">
  <link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#FilterProperty">
  <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1304748">
  <meta name="assert" content="Check that a non-existent filter with an animation does not crash."/>
  <style>
    @keyframes filter_keyframes {
      0% { filter: blur(5px); }
      100% { filter: blur(10px); }
    }
    #animating {
      font-size: 36pt;
      animation: filter_keyframes 999s linear 999s;
      will-change: contents;
      filter: url("#doesotexist");
    }
    #child {
      width: 10px;
      height: 10px;
      transform: translateX(10px);
    }
    #force_document_scroll {
      width: 2000px;
      height: 2000px;
    }
    </style>

</head>
<body>
  <div id="animating">
    <div id="child">PASS</div>
  </div>
  <div id="force_document_scroll"></div>
</body>
</html>