From c8ee8829ffe92a484644a4d1806e124eef70bf29 Mon Sep 17 00:00:00 2001
From: Anders Hartvoll Ruud <andruud@chromium.org>
Date: Wed, 22 Feb 2023 05:23:37 -0800
Subject: [PATCH] [@scope] Make scoping limit exclusive

https://github.com/w3c/csswg-drafts/issues/6577

Fixed: 1417896
Change-Id: I4c51177df78eba71cbbfacb88257bdee91b2039b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4272283
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1108286}
---
 css/css-cascade/scope-evaluation.html | 61 ++++++++++++++++++++++++++-
 1 file changed, 59 insertions(+), 2 deletions(-)

diff --git a/css/css-cascade/scope-evaluation.html b/css/css-cascade/scope-evaluation.html
index bd20712c7f26c6..48139d048a05e0 100644
--- a/css/css-cascade/scope-evaluation.html
+++ b/css/css-cascade/scope-evaluation.html
@@ -356,11 +356,68 @@
   assert_not_green('#adjacent');
   assert_green('.a');
   assert_green('.a > div');
-  assert_green('.b');
+  assert_not_green('.b');
   assert_not_green('#below');
-}, 'The scoping limit is in scope');
+}, 'The scoping limit is not in scope');
 </script>
 
+<template>
+  <style>
+    @scope (.a) to (.b > *) {
+      * { background-color: green; }
+    }
+  </style>
+  <div id=above>
+    <div class=a>
+      <div>
+        <div class=b>
+          <div id=limit></div>
+        </div>
+      </div>
+    </div>
+    <div id=adjacent></div>
+  </div>
+</template>
+<script>
+test_scope(document.currentScript, () => {
+  assert_not_green('#above');
+  assert_not_green('#adjacent');
+  assert_green('.a');
+  assert_green('.a > div');
+  assert_green('.b');
+  assert_not_green('#limit');
+}, 'Simulated inclusive scoping limit');
+</script>
+
+<template>
+  <style>
+    @scope (.a) to (.a) {
+      * { background-color: green; }
+    }
+  </style>
+  <div id=above>
+    <div class=a>
+      <div>
+        <div class=b>
+          <div id=inner></div>
+        </div>
+      </div>
+    </div>
+    <div id=adjacent></div>
+  </div>
+</template>
+<script>
+test_scope(document.currentScript, () => {
+  assert_not_green('#above');
+  assert_not_green('#adjacent');
+  assert_not_green('.a');
+  assert_not_green('.a > div');
+  assert_not_green('.b');
+  assert_not_green('#inner');
+}, 'Scope with no elements');
+</script>
+
+
 <template>
   <style>
     @scope (.a) {