diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/quote-scoping-invalidation-003.html')
-rw-r--r-- | testing/web-platform/tests/css/css-contain/quote-scoping-invalidation-003.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/quote-scoping-invalidation-003.html b/testing/web-platform/tests/css/css-contain/quote-scoping-invalidation-003.html new file mode 100644 index 0000000000..24e69eb38f --- /dev/null +++ b/testing/web-platform/tests/css/css-contain/quote-scoping-invalidation-003.html @@ -0,0 +1,41 @@ +<!doctype html> +<meta charset=utf-8> +<title>CSS-contain test: style containment dynamic containment set unset set invalidation</title> +<link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com"> +<link rel="match" href="reference/quote-scoping-invalidation-003-ref.html"> +<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-style"> + +<style> + #root { + quotes: "A" "Z" "1" "9" "(" ")" "+" "-"; + } + #root::before, #root span::before { + content: open-quote; + } + #root::after { + content: close-quote; + } + .contain-style { + contain: style; + } +</style> + +<p>Test passes if the text below is "A119" (not including the quotation marks).<p> +<div id="root"> + <div id="scope"> + <span id="span1"></span> + <span id="span2"></span> + </div> + <span></span> +</div> + +<script> + document.body.offsetTop; + scope.style.contain = "style"; + document.body.offsetTop; + scope.style.contain = ""; + document.body.offsetTop; + scope.style.contain = "style"; + document.body.offsetTop; + span1.remove(); +</script> |