Skip to content

Commit

Permalink
Bug 1867479 [wpt PR 43445] - Test custom properties with fullscreen's…
Browse files Browse the repository at this point in the history
… ::backdrop, a=testonly

Automatic update from web-platform-tests
Test custom properties with fullscreen's ::backdrop (#43445)

Fixes whatwg/fullscreen#124.
--

wpt-commits: 6ee66f924120d02ae697a5c4c2999f27dd5ad5c0
wpt-pr: 43445

UltraBlame original commit: 5ef50e3d812feaa82c780fd762360b5045d45353
  • Loading branch information
marco-c committed Jan 16, 2024
1 parent a8588da commit e349679
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 1 deletion.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html class=reftest-wait>
<title>::backdrop for a fullscreen iframe element</title>
<link rel=match href="backdrop-iframe-ref.html">
<link rel=match href="backdrop-green-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>
Expand Down
Original file line number Diff line number Diff line change
@@ -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>

0 comments on commit e349679

Please sign in to comment.