backdrop-object.html (925B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <title>::backdrop for a fullscreen object element</title> 4 <link rel=match href="backdrop-object-ref.html"> 5 <link rel=help href="https://github.com/w3c/csswg-drafts/issues/6939"> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-vendor.js"></script> 8 9 <style> 10 object::backdrop { 11 background: blue; 12 } 13 object { 14 object-position: 0 0; 15 } 16 </style> 17 <object width="200" type="image/svg+xml"></object> 18 19 <script> 20 const object = document.querySelector("object"); 21 22 Promise.all([ 23 new Promise((resolve) => { 24 object.addEventListener("load", resolve); 25 object.data = "/images/100px-green-rect.svg"; 26 }), 27 new Promise((resolve) => { 28 document.addEventListener("fullscreenchange", resolve); 29 test_driver.bless('fullscreen', () => object.requestFullscreen()); 30 }), 31 ]).then(() => document.documentElement.classList.remove('reftest-wait')); 32 </script>