will-change-fixedpos-cb-006.html (1182B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Test: will-change: backdrop-filter on the root should not generate a containing block for fixed positioned elements.</title> 4 <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"> 5 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=960953"> 6 <link rel="help" href="https://drafts.csswg.org/css-will-change/#will-change"> 7 <link rel="help" href="https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty"> 8 <link rel="match" href="will-change-fixedpos-cb-006-ref.html"> 9 <style> 10 html { 11 will-change: backdrop-filter; 12 } 13 body { 14 margin: 0; 15 } 16 .hidden { 17 width: 100px; 18 height: 100px; 19 background: red; 20 margin-left: 100px; 21 margin-top: 200px; 22 } 23 .fixedpos { 24 position: fixed; 25 top: 100px; 26 left: 100px; 27 background: green; 28 height: 100px; 29 width: 100px; 30 } 31 .spacer { 32 height: 2000px; 33 } 34 </style> 35 <!-- This object should be fully hidden by the fixed position object. --> 36 <div class="hidden"></div> 37 <div class="fixedpos"></div> 38 <div class="spacer"></div> 39 <script> 40 window.onload = function() { window.scrollTo(0, 100); }; 41 </script>