| <!DOCTYPE html> |
| <html class=reftest-wait> |
| <title>::backdrop for a fullscreen object element</title> |
| <link rel=match href="backdrop-object-ref.html"> |
| <link rel=help href="https://github.com/w3c/csswg-drafts/issues/6939"> |
| <script src="/resources/testdriver.js"></script> |
| <script src="/resources/testdriver-vendor.js"></script> |
| |
| <style> |
| object::backdrop { |
| background: blue; |
| } |
| </style> |
| <object width="200" type="image/svg+xml" data="../../images/100px-green-rect.svg"></object> |
| <script> |
| const object = document.querySelector("object"); |
| Promise.all([ |
| new Promise((resolve, reject) => document.addEventListener("fullscreenchange", resolve)), |
| new Promise((resolve, reject) => object.addEventListener("load", resolve)) |
| ]).then(() => document.documentElement.classList.remove('reftest-wait')); |
| |
| test_driver.bless('fullscreen', () => object.requestFullscreen()); |
| </script> |