core: fix modal position to stick to input for pickers

Signed-off-by: Achraf Mohyeddine <[email protected]>
OpenRailAssociation · Jan 21, 2025 · 6e5b929 · 6e5b929
1 parent 92bbf29
commit 6e5b929
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git 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
@@ -1,5 +1,5 @@
 .modal-ui-overlay {
-  position: fixed;
+  position: absolute;
   top: 0;
   left: 0;
   right: 0;