Attachment #455936 for bug #238459

View Details Raw Unified Return to Bug 238459

| Differences between



2022-03-28  Antti Koivisto  <antti@apple.com>

        [CSS Container Queries] Another WPT import
        https://bugs.webkit.org/show_bug.cgi?id=238459

        Reviewed by Tim Nguyen.

        * TestExpectations:

2022-03-28  Cameron McCormack  <heycam@apple.com>

        Remove pending UA shadow tree state when an input element is removed from the document



2022-03-28  Antti Koivisto  <antti@apple.com>

        [CSS Container Queries] Another WPT import
        https://bugs.webkit.org/show_bug.cgi?id=238459

        Reviewed by Tim Nguyen.

        * resources/resource-files.json:
        * web-platform-tests/css/css-contain/container-queries/at-container-parsing-expected.txt:
        * web-platform-tests/css/css-contain/container-queries/at-container-parsing.html:
        * web-platform-tests/css/css-contain/container-queries/at-container-serialization-expected.txt: Added.
        * web-platform-tests/css/css-contain/container-queries/at-container-serialization.html: Added.
        * web-platform-tests/css/css-contain/container-queries/container-name-computed-expected.txt:
        * web-platform-tests/css/css-contain/container-queries/container-name-computed.html:
        * web-platform-tests/css/css-contain/container-queries/container-name-parsing-expected.txt:
        * web-platform-tests/css/css-contain/container-queries/container-name-parsing.html:
        * web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html: Added.
        * web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html: Added.
        * web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html: Added.
        * web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html: Added.
        * web-platform-tests/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-000-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-001-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-002-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-003-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/focus-inside-content-visibility-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-000-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-001-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-002-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-003-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-multicol-inside-container-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-with-columns-000-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-with-columns-001-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/input-column-group-container-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html: Added.
        * web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html: Added.
        * web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-container-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-layout-root-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html: Added.
        * web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-000-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-001-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-002-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-003-crash.html.
        * web-platform-tests/css/css-contain/container-queries/crashtests/w3c-import.log: Added.
        * web-platform-tests/css/css-contain/container-queries/idlharness-expected.txt: Added.
        * web-platform-tests/css/css-contain/container-queries/idlharness.html: Added.
        * web-platform-tests/css/css-contain/container-queries/layout-dependent-focus-expected.txt: Added.
        * web-platform-tests/css/css-contain/container-queries/layout-dependent-focus.html: Added.
        * web-platform-tests/css/css-contain/container-queries/w3c-import.log:

2022-03-27  Matt Woodrow  <mattwoodrow@apple.com>

        Preserve repeat() notation for grid-templates

Lines 4706-4711 imported/w3c/web-platform-tests/css/css-contain/contain-html-overflow-004.html [ a/LayoutTests/TestExpectations_sec1
- a/LayoutTests/TestExpectations +2 lines
4706	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/custom-layout-container-001.https.html [ ImageOnlyFailure ]	4706	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/custom-layout-container-001.https.html [ ImageOnlyFailure ]
4707	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-elements-002.html [ ImageOnlyFailure ]	4707	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-elements-002.html [ ImageOnlyFailure ]
4708	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-foreignobject-no-size-container.html [ Skip ]	4708	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-foreignobject-no-size-container.html [ Skip ]
		4709	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-serialization.html [ Skip ]
		4710	webkit.org/b/229659 imported/w3c/web-platform-tests/css/css-contain/container-queries/idlharness.html [ Skip ]
4709		4711
4710	# Flaky css-contain test	4712	# Flaky css-contain test
4711	imported/w3c/web-platform-tests/css/css-contain/content-visibility/animation-display-lock.html [ Failure Pass ]	4713	imported/w3c/web-platform-tests/css/css-contain/content-visibility/animation-display-lock.html [ Failure Pass ]



        "web-platform-tests/css/css-contain/container-queries/columns-in-table-001-crash.html",
        "web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html",
        "web-platform-tests/css/css-contain/container-queries/counters-ref.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html",
        "web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html",
        "web-platform-tests/css/css-contain/container-queries/display-in-container-ref.html",
        "web-platform-tests/css/css-contain/container-queries/fieldset-legend-change-ref.html",
        "web-platform-tests/css/css-contain/container-queries/flex-in-columns-000-crash.html",

Lines 52-55 PASS Container selector: name(foo) a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-parsing-expected.txt_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-parsing-expected.txt +2 lines
52	PASS Container selector: type(inline-size)	52	PASS Container selector: type(inline-size)
53	PASS Container selector: "foo"	53	PASS Container selector: "foo"
54	PASS Container selector: "inherit"	54	PASS Container selector: "inherit"
		55	PASS Container selector: none
		56	PASS Container selector: None
55		57

Lines 127-130 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-parsing.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-parsing.html +2 lines
127	test_container_selector_invalid('type(inline-size)');	127	test_container_selector_invalid('type(inline-size)');
128	test_container_selector_invalid('"foo"');	128	test_container_selector_invalid('"foo"');
129	test_container_selector_invalid('"inherit"');	129	test_container_selector_invalid('"inherit"');
		130	test_container_selector_invalid('none');
		131	test_container_selector_invalid('None');
130	</script>	132	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-serialization-expected.txt_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-serialization-expected.txt +5 lines
	1
	2	FAIL Serialization of conditionText null is not an object (evaluating 'rules[0].cssRules')
	3	FAIL Serialization of inner @container rule null is not an object (evaluating 'rules[0].cssRules')
	4	FAIL Serialization of nested @container rule null is not an object (evaluating 'rules[0].cssText')
	5



<!doctype html>
<title>CSS Container Queries: @container serialization</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
<link rel="help" href="https://drafts.csswg.org/cssom/#serialize-a-css-rule">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/cq-testcommon.js"></script>
<style id="testSheet">
  @container (width=100px) {
    @container \!-name (inline-size > 200px    ) {
      #id { color: lime }
    }
    #id { color: green }
  }
</style>
<script>
  setup(() => assert_implements_container_queries());

  let rules = testSheet.sheet.cssRules;

  test(() => {
    assert_equals(rules.length, 1);
    assert_equals(rules[0].cssRules.length, 2);

    assert_equals(rules[0].conditionText, "(width = 100px)");
    assert_equals(rules[0].cssRules[0].conditionText, "(inline-size > 200px)");
  }, "Serialization of conditionText");

  test(() => {
    assert_equals(rules[0].cssRules[0].cssText, "@container \\!-name (inline-size > 200px) {\n  #id { color: lime; }\n}");
  }, "Serialization of inner @container rule");

  test(() => {
    assert_equals(rules[0].cssText, "@container (width = 100px) {\n  @container \\!-name (inline-size > 200px) {\n  #id { color: lime; }\n}\n  #id { color: green; }\n}");
  }, "Serialization of nested @container rule");

</script>

Lines 5-8 PASS Property container-name value 'foo' a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-computed-expected.txt_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-computed-expected.txt +4 lines
5	PASS Property container-name value 'FoO'	5	PASS Property container-name value 'FoO'
6	PASS Property container-name value 'foo bar'	6	PASS Property container-name value 'foo bar'
7	PASS Property container-name value 'bar foo'	7	PASS Property container-name value 'bar foo'
		8	FAIL Property container-name value 'foo foo bar' assert_equals: expected "foo bar" but got "foo foo bar"
		9	FAIL Property container-name value 'foo bar foo' assert_equals: expected "foo bar" but got "foo bar foo"
		10	FAIL Property container-name value 'bar foo foo' assert_equals: expected "bar foo" but got "bar foo foo"
		11	PASS Property container-name value '\!escaped'
8		12

Lines 16-19 test_computed_value('container-name', 'foo'); a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-computed.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-computed.html +4 lines
16	test_computed_value('container-name', 'FoO');	16	test_computed_value('container-name', 'FoO');
17	test_computed_value('container-name', 'foo bar');	17	test_computed_value('container-name', 'foo bar');
18	test_computed_value('container-name', 'bar foo');	18	test_computed_value('container-name', 'bar foo');
		19	test_computed_value('container-name', 'foo foo bar', 'foo bar');
		20	test_computed_value('container-name', 'foo bar foo', 'foo bar');
		21	test_computed_value('container-name', 'bar foo foo', 'bar foo');
		22	test_computed_value('container-name', '\\!escaped');
19	</script>	23	</script>

Lines 7-12 PASS e.style['container-name'] = "none" should set the property value a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-parsing-expected.txt_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-parsing-expected.txt +2 lines
7	PASS e.style['container-name'] = "foo" should set the property value	7	PASS e.style['container-name'] = "foo" should set the property value
8	PASS e.style['container-name'] = "BAR" should set the property value	8	PASS e.style['container-name'] = "BAR" should set the property value
9	PASS e.style['container-name'] = "foo bar" should set the property value	9	PASS e.style['container-name'] = "foo bar" should set the property value
		10	PASS e.style['container-name'] = "foo foo" should set the property value
		11	PASS e.style['container-name'] = "\\!escaped" should set the property value
10	PASS e.style['container-name'] = "none none" should not set the property value	12	PASS e.style['container-name'] = "none none" should not set the property value
11	PASS e.style['container-name'] = "foo, bar" should not set the property value	13	PASS e.style['container-name'] = "foo, bar" should not set the property value
12	PASS e.style['container-name'] = "#fff" should not set the property value	14	PASS e.style['container-name'] = "#fff" should not set the property value

Lines 18-23 test_valid_value('container-name', 'none'); a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-parsing.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-parsing.html +2 lines
18	test_valid_value('container-name', 'foo');	18	test_valid_value('container-name', 'foo');
19	test_valid_value('container-name', 'BAR');	19	test_valid_value('container-name', 'BAR');
20	test_valid_value('container-name', 'foo bar');	20	test_valid_value('container-name', 'foo bar');
		21	test_valid_value('container-name', 'foo foo');
		22	test_valid_value('container-name', '\\!escaped');
21		23
22	test_invalid_value('container-name', 'none none');	24	test_invalid_value('container-name', 'none none');
23	test_invalid_value('container-name', 'foo, bar');	25	test_invalid_value('container-name', 'foo, bar');



<!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>



<!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:inline-size"></canvas>
<script>
  canv.offsetTop;
  canv.appendChild(document.createElement("span"));
</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html +6 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
	3	<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1289718">
	4	<div style="container:inline-size;">
	5	<span style="columns:2;"></span>
	6	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html +6 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
	3	<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1289718">
	4	<div style="container:inline-size;">
	5	<video style="columns:2;"></video>
	6	</div>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



The tests in this directory were imported from the W3C repository.
Do NOT modify these tests directly in WebKit.
Instead, create a pull request on the WPT github:
	https://github.com/web-platform-tests/wpt

Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport

Do NOT modify or remove this file.

------------------------------------------------------------------------
Properties requiring vendor prefixes:
None
Property values requiring vendor prefixes:
None
------------------------------------------------------------------------
List of files:
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



<!doctype html>
<title>CSS Container Queries: CSSContainer Rule IDL tests</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-3/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/WebIDLParser.js"></script>
<script src="/resources/idlharness.js"></script>
<!-- used to provide objects -->
<style>
  @container cont (width = 100px) {
    @container (inline-size > 200em) {
      #id { color: lime }
    }
    #id { color: green }
  }
</style>
<script>
  idl_test(
      ['css-contain-3'],
      ['css-conditional', 'cssom', 'dom'],
      idl_array => {
        idl_array.add_objects({
          CSSContainerRule: ['sheet.cssRules[0]',
                             'sheet.cssRules[0].cssRules[0]'],
        });
        self.sheet = document.styleSheets[0];
      }
    );
</script>



<!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>



<!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>



<!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>



<!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>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/layout-dependent-focus-expected.txt_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/layout-dependent-focus-expected.txt +3 lines
	1
	2	FAIL Verify that onblur is called on hidden input assert_unreached: Event listener for 'blur' not called Reached unreachable code
	3



<!doctype html>
<title>CSS Container Queries: Input losing focus as a result of a size query</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/cq-testcommon.js"></script>
<style>
  #container {
    container-type: inline-size;
    width: 200px;
  }
  #container.narrow {
    width: 100px;
  }
  @container (width = 100px) {
    #inner.hide { visibility: hidden; }
  }
</style>
<div id="outer">
  <div id="container">
    <input type="text" id="inner">
  </div>
</div>
<script>
  setup(() => assert_implements_container_queries());

  let hide_test = async_test("Verify that onblur is called on hidden input");
  onload = () => {
    inner.addEventListener("blur", () => hide_test.done());
    inner.focus();
    inner.className = "hide";
    container.className = "narrow";
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        hide_test.step(() => assert_unreached("Event listener for 'blur' not called"));
      });
    });
  };
</script>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/animation-nested-transition.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/aspect-ratio-feature-evaluation.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-parsing.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-serialization.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/auto-scrollbars.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/backdrop-invalidation.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/canvas-as-container-001-expected.html

/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/canvas-as-container-004.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/canvas-as-container-005.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/canvas-as-container-006.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/canvas-as-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/change-display-in-container-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/change-display-in-container-ref.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/change-display-in-container.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/chrome-bug-1289718-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/chrome-bug-1289718-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/chrome-legacy-skip-recalc-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/chrome-legacy-skip-recalc.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/columns-in-table-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/conditional-container-status.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-computed.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-for-shadow-dom.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-inheritance.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-inner-at-rules.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-longhand-animation-type.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-computed.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-invalidation.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-name-parsing.html

/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-parsing.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-selection.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-size-invalidation.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-computed.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-containment.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-invalidation.html

/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/fieldset-legend-change-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/fieldset-legend-change-ref.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/fieldset-legend-change.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-002-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-003-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/focus-inside-content-visibility-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/font-relative-units-dynamic.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/font-relative-units.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/fragmented-container-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/get-animations.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/idlharness.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-002-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-003-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/iframe-invalidation.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/ineligible-containment.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-multicol-inside-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-size-and-min-width.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-size-bfc-floats-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-size-bfc-floats-ref.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-size-bfc-floats.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-size-containment-vertical-rl.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-size-containment.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/layout-dependent-focus.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-with-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/input-column-group-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/input-placeholder-inline-size-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/math-block-container-child-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/multicol-container-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/multicol-inside-container-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/multicol-inside-container.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/never-match-container.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/orthogonal-wm-container-query.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/percentage-padding-orthogonal.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-container-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-elements-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-elements-002-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-elements-002-ref.html

/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-g-no-size-container-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-g-no-size-container-ref.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-g-no-size-container.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-layout-root-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-root-size-container.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-text-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-000-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-001-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-002-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-003-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-inside-container-changing-display-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-inside-container-changing-display-ref.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-inside-container-changing-display.html



// GENERATED CONTENT - DO NOT EDIT
// Content was automatically extracted by Reffy into webref
// (https://github.com/w3c/webref)
// Source: CSS Containment Module Level 3 (https://drafts.csswg.org/css-contain-3/)

[Exposed=Window]
interface CSSContainerRule : CSSConditionRule {
};

Return to Bug 238459

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +9 lines
		1	2022-03-28 Antti Koivisto <antti@apple.com>
		2
		3	[CSS Container Queries] Another WPT import
		4	https://bugs.webkit.org/show_bug.cgi?id=238459
		5
		6	Reviewed by Tim Nguyen.
		7
		8	* TestExpectations:
		9
1	2022-03-28 Cameron McCormack <heycam@apple.com>	10	2022-03-28 Cameron McCormack <heycam@apple.com>
2		11
3	Remove pending UA shadow tree state when an input element is removed from the document	12	Remove pending UA shadow tree state when an input element is removed from the document

Lines 1-3 a/LayoutTests/imported/w3c/ChangeLog_sec1
- a/LayoutTests/imported/w3c/ChangeLog +50 lines
		1	2022-03-28 Antti Koivisto <antti@apple.com>
		2
		3	[CSS Container Queries] Another WPT import
		4	https://bugs.webkit.org/show_bug.cgi?id=238459
		5
		6	Reviewed by Tim Nguyen.
		7
		8	* resources/resource-files.json:
		9	* web-platform-tests/css/css-contain/container-queries/at-container-parsing-expected.txt:
		10	* web-platform-tests/css/css-contain/container-queries/at-container-parsing.html:
		11	* web-platform-tests/css/css-contain/container-queries/at-container-serialization-expected.txt: Added.
		12	* web-platform-tests/css/css-contain/container-queries/at-container-serialization.html: Added.
		13	* web-platform-tests/css/css-contain/container-queries/container-name-computed-expected.txt:
		14	* web-platform-tests/css/css-contain/container-queries/container-name-computed.html:
		15	* web-platform-tests/css/css-contain/container-queries/container-name-parsing-expected.txt:
		16	* web-platform-tests/css/css-contain/container-queries/container-name-parsing.html:
		17	* web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html: Added.
		18	* web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html: Added.
		19	* web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html: Added.
		20	* web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html: Added.
		21	* web-platform-tests/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html.
		22	* web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-000-crash.html.
		23	* web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-001-crash.html.
		24	* web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-002-crash.html.
		25	* web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/flex-in-columns-003-crash.html.
		26	* web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/focus-inside-content-visibility-crash.html.
		27	* web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-000-crash.html.
		28	* web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-001-crash.html.
		29	* web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-002-crash.html.
		30	* web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/grid-in-columns-003-crash.html.
		31	* web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-multicol-inside-container-crash.html.
		32	* web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-with-columns-000-crash.html.
		33	* web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/inline-with-columns-001-crash.html.
		34	* web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/input-column-group-container-crash.html.
		35	* web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html: Added.
		36	* web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html: Added.
		37	* web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/pseudo-container-crash.html.
		38	* web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/svg-layout-root-crash.html.
		39	* web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html: Added.
		40	* web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-000-crash.html.
		41	* web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-001-crash.html.
		42	* web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-002-crash.html.
		43	* web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/table-in-columns-003-crash.html.
		44	* web-platform-tests/css/css-contain/container-queries/crashtests/w3c-import.log: Added.
		45	* web-platform-tests/css/css-contain/container-queries/idlharness-expected.txt: Added.
		46	* web-platform-tests/css/css-contain/container-queries/idlharness.html: Added.
		47	* web-platform-tests/css/css-contain/container-queries/layout-dependent-focus-expected.txt: Added.
		48	* web-platform-tests/css/css-contain/container-queries/layout-dependent-focus.html: Added.
		49	* web-platform-tests/css/css-contain/container-queries/w3c-import.log:
		50
1	2022-03-27 Matt Woodrow <mattwoodrow@apple.com>	51	2022-03-27 Matt Woodrow <mattwoodrow@apple.com>
2		52
3	Preserve repeat() notation for grid-templates	53	Preserve repeat() notation for grid-templates

Lines 656-661 a/LayoutTests/imported/w3c/resources/resource-files.json_sec1
- a/LayoutTests/imported/w3c/resources/resource-files.json +27 lines
656	"web-platform-tests/css/css-contain/container-queries/columns-in-table-001-crash.html",	656	"web-platform-tests/css/css-contain/container-queries/columns-in-table-001-crash.html",
657	"web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html",	657	"web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html",
658	"web-platform-tests/css/css-contain/container-queries/counters-ref.html",	658	"web-platform-tests/css/css-contain/container-queries/counters-ref.html",
		659	"web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html",
		660	"web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html",
		661	"web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html",
		662	"web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html",
		663	"web-platform-tests/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html",
		664	"web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html",
		665	"web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html",
		666	"web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html",
		667	"web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html",
		668	"web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html",
		669	"web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html",
		670	"web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html",
		671	"web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html",
		672	"web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html",
		673	"web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html",
		674	"web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html",
		675	"web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html",
		676	"web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html",
		677	"web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html",
		678	"web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html",
		679	"web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html",
		680	"web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html",
		681	"web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html",
		682	"web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html",
		683	"web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html",
		684	"web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html",
		685	"web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html",
659	"web-platform-tests/css/css-contain/container-queries/display-in-container-ref.html",	686	"web-platform-tests/css/css-contain/container-queries/display-in-container-ref.html",
660	"web-platform-tests/css/css-contain/container-queries/fieldset-legend-change-ref.html",	687	"web-platform-tests/css/css-contain/container-queries/fieldset-legend-change-ref.html",
661	"web-platform-tests/css/css-contain/container-queries/flex-in-columns-000-crash.html",	688	"web-platform-tests/css/css-contain/container-queries/flex-in-columns-000-crash.html",

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-serialization.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/at-container-serialization.html +37 lines
	1	<!doctype html>
	2	<title>CSS Container Queries: @container serialization</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
	4	<link rel="help" href="https://drafts.csswg.org/cssom/#serialize-a-css-rule">
	5	<script src="/resources/testharness.js"></script>
	6	<script src="/resources/testharnessreport.js"></script>
	7	<script src="support/cq-testcommon.js"></script>
	8	<style id="testSheet">
	9	@container (width=100px) {
	10	@container \!-name (inline-size > 200px ) {
	11	#id { color: lime }
	12	}
	13	#id { color: green }
	14	}
	15	</style>
	16	<script>
	17	setup(() => assert_implements_container_queries());
	18
	19	let rules = testSheet.sheet.cssRules;
	20
	21	test(() => {
	22	assert_equals(rules.length, 1);
	23	assert_equals(rules[0].cssRules.length, 2);
	24
	25	assert_equals(rules[0].conditionText, "(width = 100px)");
	26	assert_equals(rules[0].cssRules[0].conditionText, "(inline-size > 200px)");
	27	}, "Serialization of conditionText");
	28
	29	test(() => {
	30	assert_equals(rules[0].cssRules[0].cssText, "@container \\!-name (inline-size > 200px) {\n #id { color: lime; }\n}");
	31	}, "Serialization of inner @container rule");
	32
	33	test(() => {
	34	assert_equals(rules[0].cssText, "@container (width = 100px) {\n @container \\!-name (inline-size > 200px) {\n #id { color: lime; }\n}\n #id { color: green; }\n}");
	35	}, "Serialization of nested @container rule");
	36
	37	</script>

Lines 1-16 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/container-type-change-chrome-legacy-crash.html -16 lines
1	<!doctype html>
2	<title>CSS Container Queries Test: Changing container-type in Chrome legacy layout</title>
3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
4	<link rel="help" href="https://crbug.com/1286773">
5	<p>Pass if there is no crash.</p>
6	<span style="column-count: 1"><table></table></span>
7	<video id="video"></video>
8	<input id="input"></input>
9	<script>
10	document.body.offsetTop;
11	video.style.containerType = "inline-size";
12	document.body.offsetLeft;
13	video.style.columnCount = "1";
14	input.setAttribute("type", "button");
15	document.body.offsetTop;
16	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html +10 lines
	1	<!doctype html>
	2	<title>CSS Container Queries Test: Absolute positioned canvas container crash</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
	4	<link rel="help" href="https://crbug.com/1289850">
	5	<p>Pass if there is no crash.</p>
	6	<canvas id="canv" style="display:block;position:absolute;container:inline-size"></canvas>
	7	<script>
	8	canv.offsetTop;
	9	canv.appendChild(document.createElement("span"));
	10	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html +10 lines
	1	<!doctype html>
	2	<title>CSS Container Queries Test: TR container with multicol TD crashes Chrome</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
	4	<link rel="help" href="https://crbug.com/1291471">
	5	<p>Pass if test does not crash.</p>
	6	<table>
	7	<tr style="container-type:size;">
	8	<td style="columns:2"></td>
	9	</tr>
	10	</table>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html +42 lines
	1	<!doctype html>
	2	<title>Container Queries Test: size change detected while focusing inside content-visibility: auto container</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
	4	<link rel="help" href="https://drafts.csswg.org/css-contain-2/#using-cv-auto">
	5	<link rel="help" href="https://crbug.com/1270848">
	6	<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
	7
	8	<style>
	9	.spacer { height: 3000px; }
	10	.auto { content-visibility: auto; }
	11	#container {
	12	border: 1px solid black;
	13	width: 100px;
	14	height: 100px;
	15
	16	container-type: size;
	17	}
	18	#input {
	19	width: 100%;
	20	visibility: hidden;
	21	}
	22	@container (min-width: 150px) {
	23	#input { visibility: visible; }
	24	}
	25
	26	</style>
	27
	28	<div class=spacer></div>
	29	<div class=auto>
	30	<div id=container>
	31	<input id=input type=text></input>
	32	</div>
	33	</div>
	34
	35	<script>
	36	function focus() {
	37	container.style.width = "200px";
	38	input.focus();
	39	}
	40
	41	onload = () => requestAnimationFrame(() => requestAnimationFrame(focus));
	42	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html +21 lines
	1	<!doctype html>
	2	<title>CSS Container Queries Test: Inline multicol inside size container - crash</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
	4	<link rel="help" href="https://crbug.com/829028">
	5	<style>
	6	#container {
	7	container-type: size;
	8	width: 200px;
	9	height: 100px;
	10	}
	11	@container (width <= 200px) {
	12	#multicol {
	13	column-count: 2;
	14	column-gap: 0;
	15	}
	16	}
	17	</style>
	18	<p>Test passes if it doesn't crash.</p>
	19	<div id="container">
	20	<span id="multicol"><div></div></span>
	21	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html +14 lines
	1	<!doctype html>
	2	<title>CSS Container Queries Test: </title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
	4	<link rel="help" href="https://crbug.com/1282782">
	5	<p>Pass if this test does not crash</p>
	6	<span style="column-count: 1">
	7	<span style="display:table-column-group"></span>
	8	<input id="inp">
	9	</span>
	10	<script>
	11	document.body.offsetTop;
	12	document.body.style.setProperty("container", "inline-size");
	13	inp.setAttribute("type", "image");
	14	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html +12 lines
	1	<!doctype html>
	2	<title>CSS Container Queries Test: Crash: input inline-size container with placeholder</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
	4	<link rel="help" href="https://crbug.com/1288692">
	5	<p>Pass if this test does not crash</p>
	6	<input id="input" style="container-type:size">
	7	<script>
	8	document.body.offsetTop;
	9	input.style.position = "absolute";
	10	input.setAttribute("placeholder", "placeholder");
	11	document.body.offsetTop;
	12	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html +14 lines
	1	<!doctype html>
	2	<title>CSS Container Queries Test: Math block container child crash</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
	4	<link rel="help" href="https://crbug.com/1294268">
	5	<p>Pass if there is no crash.</p>
	6	<math id="m" style="display:block math"></math>
	7	<script>
	8	let div = document.createElement("div");
	9	div.style.containerType = "size";
	10	m.appendChild(div);
	11	div.appendChild(document.createElement("span"));
	12	document.body.offsetTop;
	13	div.style.color = "green";
	14	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html +14 lines
	1	<!doctype html>
	2	<title>CSS Container Queries Test: No crash when ::after is a container</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#query-container">
	4	<link rel="help" href="https://crbug.com/1225381">
	5	<style>
	6	div::after {
	7	container-type: size;
	8	content: '';
	9	display: block;
	10	}
	11	</style>
	12	<div>
	13	PASS if no crash
	14	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html +22 lines
	1	<!doctype html>
	2	<title>@container changing display of SVG element should not crash</title>
	3	<link rel="help" href="https://crbug.com/1245689">
	4	<iframe id="frame" style="width: 200px"></iframe>
	5	<script>
	6	frame.srcdoc = `
	7	<style>
	8	#container {
	9	container-type: inline-size;
	10	}
	11	@container (min-width: 300px) {
	12	.hide { display: none; }
	13	}
	14	</style>
	15	<div id="container">
	16	<div class="hide"><svg></svg></div>
	17	</div>`;
	18
	19	requestAnimationFrame(() =>
	20	requestAnimationFrame(() =>
	21	requestAnimationFrame(() => frame.style.width = "400px")));
	22	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html +8 lines
	1	<!doctype html>
	2	<title>SVG text element with size container-type should not crash</title>
	3	<link rel="help" href="https://crbug.com/1298319">
	4	<style>
	5	text { container-type: inline-size; }
	6	</style>
	7	<p>Pass if no crash.</p>
	8	<svg><text></text></svg>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/w3c-import.log_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/w3c-import.log +43 lines
	1	The tests in this directory were imported from the W3C repository.
	2	Do NOT modify these tests directly in WebKit.
	3	Instead, create a pull request on the WPT github:
	4	https://github.com/web-platform-tests/wpt
	5
	6	Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
	7
	8	Do NOT modify or remove this file.
	9
	10	------------------------------------------------------------------------
	11	Properties requiring vendor prefixes:
	12	None
	13	Property values requiring vendor prefixes:
	14	None
	15	------------------------------------------------------------------------
	16	List of files:
	17	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/canvas-as-container-crash.html
	18	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-000-crash.html
	19	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/chrome-bug-1289718-001-crash.html
	20	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/columns-in-table-001-crash.html
	21	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/container-type-change-chrome-legacy-crash.html
	22	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-000-crash.html
	23	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-001-crash.html
	24	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-002-crash.html
	25	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/flex-in-columns-003-crash.html
	26	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/focus-inside-content-visibility-crash.html
	27	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-000-crash.html
	28	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-001-crash.html
	29	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-002-crash.html
	30	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/grid-in-columns-003-crash.html
	31	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-multicol-inside-container-crash.html
	32	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-000-crash.html
	33	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/inline-with-columns-001-crash.html
	34	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-column-group-container-crash.html
	35	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/input-placeholder-inline-size-crash.html
	36	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/math-block-container-child-crash.html
	37	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/pseudo-container-crash.html
	38	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-layout-root-crash.html
	39	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/svg-text-crash.html
	40	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-000-crash.html
	41	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-001-crash.html
	42	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-002-crash.html
	43	/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/crashtests/table-in-columns-003-crash.html

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/idlharness.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/idlharness.html +29 lines
	1	<!doctype html>
	2	<title>CSS Container Queries: CSSContainer Rule IDL tests</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/">
	4	<script src="/resources/testharness.js"></script>
	5	<script src="/resources/testharnessreport.js"></script>
	6	<script src="/resources/WebIDLParser.js"></script>
	7	<script src="/resources/idlharness.js"></script>
	8	<!-- used to provide objects -->
	9	<style>
	10	@container cont (width = 100px) {
	11	@container (inline-size > 200em) {
	12	#id { color: lime }
	13	}
	14	#id { color: green }
	15	}
	16	</style>
	17	<script>
	18	idl_test(
	19	['css-contain-3'],
	20	['css-conditional', 'cssom', 'dom'],
	21	idl_array => {
	22	idl_array.add_objects({
	23	CSSContainerRule: ['sheet.cssRules[0]',
	24	'sheet.cssRules[0].cssRules[0]'],
	25	});
	26	self.sheet = document.styleSheets[0];
	27	}
	28	);
	29	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/layout-dependent-focus.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-contain/container-queries/layout-dependent-focus.html +39 lines
	1	<!doctype html>
	2	<title>CSS Container Queries: Input losing focus as a result of a size query</title>
	3	<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container">
	4	<script src="/resources/testharness.js"></script>
	5	<script src="/resources/testharnessreport.js"></script>
	6	<script src="support/cq-testcommon.js"></script>
	7	<style>
	8	#container {
	9	container-type: inline-size;
	10	width: 200px;
	11	}
	12	#container.narrow {
	13	width: 100px;
	14	}
	15	@container (width = 100px) {
	16	#inner.hide { visibility: hidden; }
	17	}
	18	</style>
	19	<div id="outer">
	20	<div id="container">
	21	<input type="text" id="inner">
	22	</div>
	23	</div>
	24	<script>
	25	setup(() => assert_implements_container_queries());
	26
	27	let hide_test = async_test("Verify that onblur is called on hidden input");
	28	onload = () => {
	29	inner.addEventListener("blur", () => hide_test.done());
	30	inner.focus();
	31	inner.className = "hide";
	32	container.className = "narrow";
	33	requestAnimationFrame(() => {
	34	requestAnimationFrame(() => {
	35	hide_test.step(() => assert_unreached("Event listener for 'blur' not called"));
	36	});
	37	});
	38	};
	39	</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/interfaces/css-contain-3.idl_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/interfaces/css-contain-3.idl +8 lines
	1	// GENERATED CONTENT - DO NOT EDIT
	2	// Content was automatically extracted by Reffy into webref
	3	// (https://github.com/w3c/webref)
	4	// Source: CSS Containment Module Level 3 (https://drafts.csswg.org/css-contain-3/)
	5
	6	[Exposed=Window]
	7	interface CSSContainerRule : CSSConditionRule {
	8	};