mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision b'ee6da9d71d0268d7fdb04e8e5b26858f46ee0cc4'
This commit is contained in:
parent
4401622eb1
commit
b77ad115f6
16832 changed files with 270819 additions and 87621 deletions
|
@ -0,0 +1,28 @@
|
|||
<!doctype html>
|
||||
<title>Conditionally removing container status</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-type">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="support/cq-testcommon.js"></script>
|
||||
<style>
|
||||
.parent { width: 300px; }
|
||||
.child { width: 100px; }
|
||||
.parent, .child { container-type: inline-size; }
|
||||
@container size(min-width: 200px) {
|
||||
.child { container-type: initial; }
|
||||
.grandchild { border: 3px solid green }
|
||||
}
|
||||
</style>
|
||||
<div class="parent">
|
||||
<div class="child">
|
||||
<div class="grandchild">You should see a green border around this text</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
setup(() => assert_implements_container_queries());
|
||||
|
||||
test(function() {
|
||||
let s = getComputedStyle(document.querySelector('.grandchild'));
|
||||
assert_equals(s.getPropertyValue('border-color'), 'rgb(0, 128, 0)');
|
||||
}, 'Conditionally applying container-type:initial');
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue