1 files changed, 27 insertions, 0 deletions
diff --git a/testing/web-platform/tests/fullscreen/rendering/backdrop-inherit.html b/testing/web-platform/tests/fullscreen/rendering/backdrop-inherit.html
new file mode 100644
index 0000000000..3a38dc4c81
--- /dev/null
+++ b/testing/web-platform/tests/fullscreen/rendering/backdrop-inherit.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class=reftest-wait>
+<title>::backdrop inherits style from the fullscreen element</title>
+<link rel=match href="backdrop-green-ref.html">
+<link rel=help href="https://github.com/whatwg/fullscreen/issues/124">
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<style>
+body {
+  --bg: red;
+}
+div {
+  --bg: green;
+}
+div::backdrop {
+  background: var(--bg);
+}
+</style>
+<div></div>
+<script>
+document.addEventListener('fullscreenchange', () => {
+  document.documentElement.classList.remove('reftest-wait');
+});
+test_driver.bless('fullscreen', () => {
+  document.querySelector('div').requestFullscreen();
+});
+</script>