From d312472283e137cc3ca19f47ae096abae0b24084 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Beno=C3=AEt=20Gr=C3=A9lard?= <benoit.grelard@gmail.com>
Date: Thu, 14 Mar 2024 12:20:17 +0000
Subject: [PATCH] Testing updated transitive dep of react-remove-scroll (#2776)

---
 .yarn/versions/eb020608.yml                  |  2 +
 packages/react/select/src/Select.stories.tsx | 73 +++++++++++---------
 yarn.lock                                    |  6 +-
 3 files changed, 44 insertions(+), 37 deletions(-)
 create mode 100644 .yarn/versions/eb020608.yml

diff --git a/.yarn/versions/eb020608.yml b/.yarn/versions/eb020608.yml
new file mode 100644
index 0000000000..e03b86dd57
--- /dev/null
+++ b/.yarn/versions/eb020608.yml
@@ -0,0 +1,2 @@
+declined:
+  - primitives
diff --git a/packages/react/select/src/Select.stories.tsx b/packages/react/select/src/Select.stories.tsx
index 06ef388bce..a80aeeac03 100644
--- a/packages/react/select/src/Select.stories.tsx
+++ b/packages/react/select/src/Select.stories.tsx
@@ -638,40 +638,45 @@ export const RequiredWithinForm = () => {
 };
 
 export const WithinDialog = () => (
-  <Dialog.Root>
-    <Dialog.Trigger>Open Dialog</Dialog.Trigger>
-    <Dialog.Content aria-describedby={undefined}>
-      <Dialog.Title>A select in a dialog</Dialog.Title>
-      <Label>
-        Choose a number:
-        <Select.Root defaultValue="2">
-          <Select.Trigger className={triggerClass()}>
-            <Select.Value />
-            <Select.Icon />
-          </Select.Trigger>
-          <Select.Portal>
-            <Select.Content className={contentClass()}>
-              <Select.ScrollUpButton className={scrollUpButtonClass()}>▲</Select.ScrollUpButton>
-              <Select.Viewport className={viewportClass()}>
-                {Array.from({ length: 30 }, (_, i) => (
-                  <Select.Item key={i} className={itemClass()} value={String(i)}>
-                    <Select.ItemText>Item {i}</Select.ItemText>
-                    <Select.ItemIndicator className={indicatorClass()}>
-                      <TickIcon />
-                    </Select.ItemIndicator>
-                  </Select.Item>
-                ))}
-              </Select.Viewport>
-              <Select.ScrollDownButton className={scrollDownButtonClass()}>
-                ▼
-              </Select.ScrollDownButton>
-            </Select.Content>
-          </Select.Portal>
-        </Select.Root>
-      </Label>
-      <Dialog.Close>Close Dialog</Dialog.Close>
-    </Dialog.Content>
-  </Dialog.Root>
+  <div style={{ height: '120vh' }}>
+    <Dialog.Root>
+      <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+      <Dialog.Portal>
+        <Dialog.Overlay />
+        <Dialog.Content aria-describedby={undefined} style={{ position: 'fixed', top: 100 }}>
+          <Dialog.Title>A select in a dialog</Dialog.Title>
+          <Label>
+            Choose a number:
+            <Select.Root defaultValue="2">
+              <Select.Trigger className={triggerClass()}>
+                <Select.Value />
+                <Select.Icon />
+              </Select.Trigger>
+              <Select.Portal>
+                <Select.Content className={contentClass()}>
+                  <Select.ScrollUpButton className={scrollUpButtonClass()}>▲</Select.ScrollUpButton>
+                  <Select.Viewport className={viewportClass()}>
+                    {Array.from({ length: 30 }, (_, i) => (
+                      <Select.Item key={i} className={itemClass()} value={String(i)}>
+                        <Select.ItemText>Item {i}</Select.ItemText>
+                        <Select.ItemIndicator className={indicatorClass()}>
+                          <TickIcon />
+                        </Select.ItemIndicator>
+                      </Select.Item>
+                    ))}
+                  </Select.Viewport>
+                  <Select.ScrollDownButton className={scrollDownButtonClass()}>
+                    ▼
+                  </Select.ScrollDownButton>
+                </Select.Content>
+              </Select.Portal>
+            </Select.Root>
+          </Label>
+          <Dialog.Close>Close Dialog</Dialog.Close>
+        </Dialog.Content>
+      </Dialog.Portal>
+    </Dialog.Root>
+  </div>
 );
 
 export const ChromaticShortOptionsPaddedContent = () => (
diff --git a/yarn.lock b/yarn.lock
index e098f561b9..d6fa89f911 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -17076,8 +17076,8 @@ __metadata:
   linkType: hard
 
 "react-remove-scroll-bar@npm:^2.3.3, react-remove-scroll-bar@npm:^2.3.4":
-  version: 2.3.5
-  resolution: "react-remove-scroll-bar@npm:2.3.5"
+  version: 2.3.6
+  resolution: "react-remove-scroll-bar@npm:2.3.6"
   dependencies:
     react-style-singleton: "npm:^2.2.1"
     tslib: "npm:^2.0.0"
@@ -17087,7 +17087,7 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10/6d05e74ee8049b322ba0aeb398e092ae284a5b04013bc07f0c1f283824b088fd5c1b1f1514a0e0e501c063a9c3b5899373039329d0266a21121222c814052053
+  checksum: 10/5ab8eda61d5b10825447d11e9c824486c929351a471457c22452caa19b6898e18c3af6a46c3fa68010c713baed1eb9956106d068b4a1058bdcf97a1a9bbed734
   languageName: node
   linkType: hard