commit ebeea9e2b2b7d002983caa65328d8f723c27bb4e parent d1a27b806ac8f73dccb0e19c29f0a1e67e6e44f2 Author: Antti Koivisto <antti@apple.com> Date: Fri, 31 Oct 2025 08:41:48 +0000 Bug 1996518 [wpt PR 55669] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=299951, a=testonly Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=299951 (#55669) -- wpt-commits: 4f418d890ca7a95b47b7d188fb76c5dc27040eb3 wpt-pr: 55669 Diffstat:
| A | testing/web-platform/tests/css/css-scoping/slotted-text-with-flex-ref.html | | | 13 | +++++++++++++ |
| A | testing/web-platform/tests/css/css-scoping/slotted-text-with-flex.html | | | 26 | ++++++++++++++++++++++++++ |
2 files changed, 39 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-scoping/slotted-text-with-flex-ref.html b/testing/web-platform/tests/css/css-scoping/slotted-text-with-flex-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<style> + .content { + border: 2px solid blue; + display: flex; + } +</style> +<div id="test"> + <div class="content"> + This should be visible. + <div>This too.</div> + </div> +</div> diff --git a/testing/web-platform/tests/css/css-scoping/slotted-text-with-flex.html b/testing/web-platform/tests/css/css-scoping/slotted-text-with-flex.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<title>Test dynamic updates with text slotted into flexbox</title> +<link rel="help" href="https://drafts.csswg.org/css-scoping/"> +<div id="test"> + <template shadowrootmode=open> + <style> + .content { + border: 2px solid blue; + display: flex; + } + </style> + <div class="content"> + <slot></slot> + <div id="toggle">This too.</div> + </div> + </template> + This should be visible. +</div> + +<script> +document.body.offsetLeft; +const toggle = test.shadowRoot.querySelector("#toggle"); +toggle.style.display = "none"; +document.body.offsetLeft; +toggle.style.display = "block"; +</script>