backdrop-object.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /fullscreen/rendering/backdrop-object.html - WPT Dashboard Interop Dashboard

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

object {

  object-position: 0 0;

</style>

<object width="200" type="image/svg+xml"></object>

<script>

const object = document.querySelector("object");

document.addEventListener("fullscreenchange", async () => {

  // Await fullscreen animation. It seems to always be done within 3 frames.

  await new Promise(requestAnimationFrame);

  await new Promise(requestAnimationFrame);

  await new Promise(requestAnimationFrame);

  document.documentElement.classList.remove('reftest-wait');

});

object.onload = () => test_driver.bless('fullscreen', () => object.requestFullscreen());

object.data = "/images/100px-green-rect.svg";

</script>