From 091aa984caac53d647c73422b6c117f89aa07284 Mon Sep 17 00:00:00 2001
From: Andrew Gliga <agliga4@gmail.com>
Date: Tue, 25 Feb 2025 18:05:00 -0800
Subject: [PATCH] fix(dropdowns): added fixed support for floating-ui strategy

---
 .changeset/old-clocks-sell.md                 | 5 +++++
 dist/combobox/combobox.css                    | 3 +++
 dist/listbox-button/listbox-button.css        | 3 +++
 dist/menu-button/menu-button.css              | 4 ++++
 src/sass/mixins/private/_dropdown-mixins.scss | 4 ++++
 5 files changed, 19 insertions(+)
 create mode 100644 .changeset/old-clocks-sell.md

diff --git a/.changeset/old-clocks-sell.md b/.changeset/old-clocks-sell.md
new file mode 100644
index 0000000000..6fe8468f1d
--- /dev/null
+++ b/.changeset/old-clocks-sell.md
@@ -0,0 +1,5 @@
+---
+"@ebay/skin": patch
+---
+
+fix(dropdowns): added fixed support for floatingui strategy
diff --git a/dist/combobox/combobox.css b/dist/combobox/combobox.css
index b6bdce5401..b9eb73ba2b 100644
--- a/dist/combobox/combobox.css
+++ b/dist/combobox/combobox.css
@@ -50,6 +50,9 @@ span.combobox {
     top: calc(100% + 4px);
     width: auto;
 }
+.combobox__listbox--fixed {
+    position: fixed;
+}
 
 .combobox__listbox--reverse,
 [dir="rtl"] .combobox__listbox {
diff --git a/dist/listbox-button/listbox-button.css b/dist/listbox-button/listbox-button.css
index 62427271fc..9f09f8fc62 100644
--- a/dist/listbox-button/listbox-button.css
+++ b/dist/listbox-button/listbox-button.css
@@ -49,6 +49,9 @@ div.listbox-button__listbox--set-position {
     top: calc(100% + 4px);
     width: auto;
 }
+div.listbox-button__listbox--fixed {
+    position: fixed;
+}
 [dir="rtl"] div.listbox-button__listbox {
     left: unset;
     right: 0;
diff --git a/dist/menu-button/menu-button.css b/dist/menu-button/menu-button.css
index 73b60afbce..b644615926 100644
--- a/dist/menu-button/menu-button.css
+++ b/dist/menu-button/menu-button.css
@@ -37,6 +37,10 @@
     top: calc(100% + 4px);
     width: auto;
 }
+.fake-menu-button__menu--fixed,
+.menu-button__menu--fixed {
+    position: fixed;
+}
 [dir="rtl"] .fake-menu-button__menu,
 [dir="rtl"] .menu-button__menu {
     left: unset;
diff --git a/src/sass/mixins/private/_dropdown-mixins.scss b/src/sass/mixins/private/_dropdown-mixins.scss
index e57782d9a7..7c8203702b 100644
--- a/src/sass/mixins/private/_dropdown-mixins.scss
+++ b/src/sass/mixins/private/_dropdown-mixins.scss
@@ -24,6 +24,10 @@
         width: auto;
     }
 
+    &--fixed {
+        position: fixed;
+    }
+
     [dir="rtl"] & {
         left: unset;
         right: 0;