mirror of
https://github.com/servo/servo.git
synced 2025-08-07 14:35:33 +01:00
Update web-platform-tests to revision b'b728032f59a396243864b0f8584e7211e3632005'
This commit is contained in:
WPT Sync Bot
parent
ace9b32b1c
commit
df68c4e5d1
15632 changed files with 514865 additions and 155000 deletions
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Don't crash for blocky <br> (etc) with inline-size containment</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#contain-property">
|
||||
<link rel="help" href="https://crbug.com/1313444">
|
||||
<br style="container-type:inline-size; display:block;">
|
||||
<wbr style="container-type:inline-size; display:block;">
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: Absolute positioned canvas container crash</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/1289850">
|
||||
<p>Pass if there is no crash.</p>
|
||||
<canvas id="canv" style="display:block;position:absolute;container-type:inline-size"></canvas>
|
||||
<script>
|
||||
canv.offsetTop;
|
||||
canv.appendChild(document.createElement("span"));
|
||||
</script>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1289718">
|
||||
<div style="container-type:inline-size;">
|
||||
<span style="columns:2;"></span>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1289718">
|
||||
<div style="container-type:inline-size;">
|
||||
<video style="columns:2;"></video>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<title>Chrome crash bug 1346969</title>
|
||||
<link rel="help" href="https://crbug.com/1346969">
|
||||
<table id="table"> </table>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
table.style.containerType = "inline-size";
|
||||
table.style.appearance = "auto";
|
||||
table.style.columnCount = 2;
|
||||
table.createTBody();
|
||||
table.createCaption();
|
||||
document.body.offsetTop;
|
||||
table.style.whiteSpace = "pre-wrap";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!doctype html>
|
||||
<title>DCHECK failure for style recalc from layout tree rebuild</title>
|
||||
<link rel="help" href="https://crbug.com/1362391">
|
||||
<div style="display:table-column-group">
|
||||
<div style="container-type:size">
|
||||
<image title="crash"></image>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!doctype html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="help" href="https://crbug.com/1371820">
|
||||
<style>
|
||||
body, div, img { container-type: size; }
|
||||
</style>
|
||||
<p>Pass if no crash.</p>
|
||||
<div id="div"><img id="img" alt="a"></div>
|
||||
<script>
|
||||
requestAnimationFrame(() => requestAnimationFrame(() => {
|
||||
// Adds a layout root inside the div size container.
|
||||
img.alt = img.src = "b";
|
||||
// Marks div size container for layout which skips style recalc for the sub-tree.
|
||||
div.style.width = "500px";
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}));
|
||||
</script>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!doctype html>
|
||||
<title>Container Queries Test: Quotes update outside container being laid out causes crash</title>
|
||||
<link rel="help" href="https://crbug.com/1313003">
|
||||
<style>
|
||||
div { container-type: size }
|
||||
</style>
|
||||
<div style="float: right">
|
||||
<span></span>
|
||||
<div style="position:absolute"><q></q></div>
|
||||
<q></q>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<title>Removing and re-inserting a container should crash</title>
|
||||
<link rel="help" href="https://crbug.com/1342750">
|
||||
<style>
|
||||
#container { container-type: inline-size }
|
||||
</style>
|
||||
<div id="outer">
|
||||
<div id="container"></div>
|
||||
</div>
|
||||
<script>
|
||||
container.offsetTop;
|
||||
let removed = container;
|
||||
container.remove();
|
||||
outer.appendChild(removed);
|
||||
</script>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: TR container with multicol TD crashes Chrome</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/1291471">
|
||||
<p>Pass if test does not crash.</p>
|
||||
<table>
|
||||
<tr style="container-type:size;">
|
||||
<td style="columns:2"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: container with multicol table-header-group crashes Chrome</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/1307656">
|
||||
<p>Pass if test does not crash.</p>
|
||||
<div id="container" style="container-type:inline-size">
|
||||
<span style="display:table-header-group;columns:1"></span>
|
||||
<span style="display:table-header-group;"></span>
|
||||
</div>
|
||||
<script>
|
||||
// This originally caused a crash.
|
||||
document.body.offsetTop;
|
||||
// Additionally make sure we don't crash when the container is re-attached.
|
||||
container.style.display = "inline-block";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Don't crash with a container query container inside canvas</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3">
|
||||
<link rel="help" href="https://crbug.com/1321471">
|
||||
<canvas>
|
||||
<div>
|
||||
<div style="container-type: size">
|
||||
<div>Test</div>
|
||||
</div>
|
||||
</div>
|
||||
</canvas>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: Changing container-type in Chrome legacy layout</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/1286773">
|
||||
<p>Pass if there is no crash.</p>
|
||||
<span style="column-count: 1"><table></table></span>
|
||||
<video id="video"></video>
|
||||
<input id="input"></input>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
video.style.containerType = "inline-size";
|
||||
document.body.offsetLeft;
|
||||
video.style.columnCount = "1";
|
||||
input.setAttribute("type", "button");
|
||||
document.body.offsetTop;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="columns:2; container-type:inline-size; width:600px;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "400px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="columns:2; container-type:inline-size; width:400px;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "600px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 250px) {
|
||||
#target {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="ancestor" style="columns:2; column-gap:0; width:600px;">
|
||||
<div style="container-type:inline-size;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
ancestor.style.width = "400px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 250px) {
|
||||
#target {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="ancestor" style="columns:2; column-gap:0; width:400px;">
|
||||
<div style="container-type:inline-size;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
ancestor.style.width = "600px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!doctype html>
|
||||
<title>Container Queries Test: size change detected while focusing inside content-visibility: auto container</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-2/#using-cv-auto">
|
||||
<link rel="help" href="https://crbug.com/1270848">
|
||||
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
|
||||
|
||||
<style>
|
||||
.spacer { height: 3000px; }
|
||||
.auto { content-visibility: auto; }
|
||||
#container {
|
||||
border: 1px solid black;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
|
||||
container-type: size;
|
||||
}
|
||||
#input {
|
||||
width: 100%;
|
||||
visibility: hidden;
|
||||
}
|
||||
@container (min-width: 150px) {
|
||||
#input { visibility: visible; }
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class=spacer></div>
|
||||
<div class=auto>
|
||||
<div id=container>
|
||||
<input id=input type=text></input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function focus() {
|
||||
container.style.width = "200px";
|
||||
input.focus();
|
||||
}
|
||||
|
||||
onload = () => requestAnimationFrame(() => requestAnimationFrame(focus));
|
||||
</script>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>getComputedStyle on sibling of style-dirty container</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/1306385">
|
||||
<div id=ancestor style="--x:foo">
|
||||
<div id=container style="container-type:size;width:100px;">
|
||||
<span>Test</span>
|
||||
</div>
|
||||
<div id=target></div>
|
||||
</div>
|
||||
<script>
|
||||
ancestor.offsetTop;
|
||||
ancestor.style.setProperty('--x', 'bar');
|
||||
container.style.width = '200px';
|
||||
getComputedStyle(target).getPropertyValue('--x');
|
||||
</script>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
display: grid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="columns:2; container-type:inline-size; width:600px;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "400px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
display: grid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="columns:2; container-type:inline-size; width:400px;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "600px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 250px) {
|
||||
#target {
|
||||
display: grid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="ancestor" style="columns:2; column-gap:0; width:600px;">
|
||||
<div style="container-type:inline-size;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
ancestor.style.width = "400px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 250px) {
|
||||
#target {
|
||||
display: grid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="ancestor" style="columns:2; column-gap:0; width:400px;">
|
||||
<div style="container-type:inline-size;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
ancestor.style.width = "600px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: Inline multicol inside size container - crash</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/829028">
|
||||
<style>
|
||||
#container {
|
||||
container-type: size;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
}
|
||||
@container (width <= 200px) {
|
||||
#multicol {
|
||||
column-count: 2;
|
||||
column-gap: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if it doesn't crash.</p>
|
||||
<div id="container">
|
||||
<span id="multicol"><div></div></span>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
columns: 2;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="container-type:inline-size; width:600px;">
|
||||
<span id="target"></span>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "400px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
columns: 2;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="container-type:inline-size; width:400px;">
|
||||
<span id="target"></span>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "600px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: </title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
|
||||
<link rel="help" href="https://crbug.com/1282782">
|
||||
<p>Pass if this test does not crash</p>
|
||||
<span style="column-count: 1">
|
||||
<span style="display:table-column-group"></span>
|
||||
<input id="inp">
|
||||
</span>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
document.body.style.setProperty("container", "inline-size");
|
||||
inp.setAttribute("type", "image");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: Crash: input inline-size container with placeholder</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/1288692">
|
||||
<p>Pass if this test does not crash</p>
|
||||
<input id="input" style="container-type:size">
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
input.style.position = "absolute";
|
||||
input.setAttribute("placeholder", "placeholder");
|
||||
document.body.offsetTop;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Don't crash during getComputedStyle which removes ::marker</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3">
|
||||
<link rel="help" href="https://crbug.com/1349732">
|
||||
<style>
|
||||
#container {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
container-type: size;
|
||||
}
|
||||
@container (width) {
|
||||
span { color: green; }
|
||||
}
|
||||
</style>
|
||||
<ul>
|
||||
<li id="target"></li>
|
||||
</ul>
|
||||
<div id=container>
|
||||
<span>PASS if no crash</span>
|
||||
</div>
|
||||
<script>
|
||||
let li = document.querySelector('li');
|
||||
getComputedStyle(target, '::marker').width;
|
||||
li.style.listStyleType = 'none';
|
||||
getComputedStyle(target, '::marker').width;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: Math block container child crash</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
|
||||
<link rel="help" href="https://crbug.com/1294268">
|
||||
<p>Pass if there is no crash.</p>
|
||||
<math id="m" style="display:block math"></math>
|
||||
<script>
|
||||
let div = document.createElement("div");
|
||||
div.style.containerType = "size";
|
||||
m.appendChild(div);
|
||||
div.appendChild(document.createElement("span"));
|
||||
document.body.offsetTop;
|
||||
div.style.color = "green";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!doctype html>
|
||||
<title>Chrome crash for replaced in orthogonal flow query container</title>
|
||||
<link rel="help" href="https://crbug.com/1325673">
|
||||
<p>Pass if no crash.</p>
|
||||
<iframe></iframe>
|
||||
<style>
|
||||
body {
|
||||
container-type: size;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Test: No crash when ::after is a container</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#query-container">
|
||||
<link rel="help" href="https://crbug.com/1225381">
|
||||
<style>
|
||||
div::after {
|
||||
container-type: size;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<div>
|
||||
PASS if no crash
|
||||
</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<title>@container changing display of SVG element should not crash</title>
|
||||
<link rel="help" href="https://crbug.com/1245689">
|
||||
<iframe id="frame" style="width: 200px"></iframe>
|
||||
<script>
|
||||
frame.srcdoc = `
|
||||
<style>
|
||||
#container {
|
||||
container-type: inline-size;
|
||||
}
|
||||
@container (min-width: 300px) {
|
||||
.hide { display: none; }
|
||||
}
|
||||
</style>
|
||||
<div id="container">
|
||||
<div class="hide"><svg></svg></div>
|
||||
</div>`;
|
||||
|
||||
requestAnimationFrame(() =>
|
||||
requestAnimationFrame(() =>
|
||||
requestAnimationFrame(() => frame.style.width = "400px")));
|
||||
</script>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!doctype html>
|
||||
<title>SVG text element with size container-type should not crash</title>
|
||||
<link rel="help" href="https://crbug.com/1298319">
|
||||
<style>
|
||||
text { container-type: inline-size; }
|
||||
</style>
|
||||
<p>Pass if no crash.</p>
|
||||
<svg><text></text></svg>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="columns:2; container-type:inline-size; width:600px;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "400px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 500px) {
|
||||
#target {
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="container" style="columns:2; container-type:inline-size; width:400px;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
container.style.width = "600px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 250px) {
|
||||
#target {
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="ancestor" style="columns:2; column-gap:0; width:600px;">
|
||||
<div style="container-type:inline-size;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
ancestor.style.width = "400px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898">
|
||||
<style>
|
||||
@container (max-width: 250px) {
|
||||
#target {
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="ancestor" style="columns:2; column-gap:0; width:400px;">
|
||||
<div style="container-type:inline-size;">
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
ancestor.style.width = "600px";
|
||||
</script>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Crash Test</title>
|
||||
<link rel="help" href="https://crbug.com/1338055">
|
||||
<p>Pass if no crash</p>
|
||||
<div style="container-type:inline-size">
|
||||
<span style="columns: 1">
|
||||
<canvas>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
</script>
|
||||
<div style="container-type:inline-size">
|
||||
<span style="display:table-column-group"></span>
|
||||
</div>
|
||||
</canvas>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!doctype html>
|
||||
<title>CSS Container Queries Crash Test</title>
|
||||
<link rel="help" href="https://crbug.com/1336334">
|
||||
<li style="container-type:inline-size">
|
||||
<span style="columns:2">
|
||||
<table></table>
|
||||
</span>
|
||||
</li>
|
||||
Loading…
Add table
Add a link
Reference in a new issue