| <!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> |