From 6e5b9291adf4dd13b3d90472c2574b4fe790f5e3 Mon Sep 17 00:00:00 2001
From: Achraf Mohyeddine <a.mohyeddine@gmail.com>
Date: Tue, 14 Jan 2025 17:02:47 +0100
Subject: [PATCH] core: fix modal position to stick to input for pickers

Signed-off-by: Achraf Mohyeddine <a.mohyeddine@gmail.com>
---
 ui-core/src/stories/TolerancePicker.stories.tsx | 11 +++++++++++
 ui-core/src/styles/inputs/modal.css             |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/ui-core/src/stories/TolerancePicker.stories.tsx b/ui-core/src/stories/TolerancePicker.stories.tsx
index 2af82c76..ef22c3e5 100644
--- a/ui-core/src/stories/TolerancePicker.stories.tsx
+++ b/ui-core/src/stories/TolerancePicker.stories.tsx
@@ -79,3 +79,14 @@ export const WarningTolerancePicker: Story = {
     label: 'Tolerance',
   },
 };
+
+export const ScrollableHeightTolerancePicker: Story = {
+  args: {},
+  decorators: [
+    (Story) => (
+      <div style={{ height: '1200px' }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
diff --git a/ui-core/src/styles/inputs/modal.css b/ui-core/src/styles/inputs/modal.css
index b5664bd8..a9947d3e 100644
--- a/ui-core/src/styles/inputs/modal.css
+++ b/ui-core/src/styles/inputs/modal.css
@@ -1,5 +1,5 @@
 .modal-ui-overlay {
-  position: fixed;
+  position: absolute;
   top: 0;
   left: 0;
   right: 0;