Reapply style after a moveBefore

The style's render-blocking status should be preserved when it is moved, but the style must be un-applied and re-applied, as the location of the style in the DOM has significance. Bug: 394380744 [email protected] Change-Id: I26404c40bd58f36c8b7e205533c8d3328e21fe24 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6304605 Reviewed-by: Dominic Farolino <[email protected]> Commit-Queue: Noam Rosenthal <[email protected]> Cr-Commit-Position: refs/heads/main@{#1427964}
web-platform-tests · Mar 4, 2025 · c83d2d6 · c83d2d6
1 parent 111d8c7
commit c83d2d6
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/dom/nodes/moveBefore/tentative/style-applies.html b/dom/nodes/moveBefore/tentative/style-applies.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<script src='/resources/testharness.js'></script>
+<script src='/resources/testharnessreport.js'></script>
+<body>
+</body>
+<script>
+'use strict';
+
+promise_test(async t => {
+  const link = document.createElement("link");
+  link.href = "data:text/css,body{background: green}";
+  link.rel = "stylesheet";
+  t.add_cleanup(() => link.remove());
+  document.body.append(link);
+  const backgroundColorBefore = getComputedStyle(document.body).backgroundColor;
+  document.body.moveBefore(link, null);
+  assert_equals(getComputedStyle(document.body).backgroundColor, backgroundColorBefore);
+}, "Moving a style inside the document should not affect whether it's applied");
+</script>
+</html>