🐛 Fix modal position when scroling

src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx

@@ -37,7 +37,6 @@ export const WidgetsEditModal = ({
 }: ContextModalProps<WidgetEditModalInnerProps>) => {
   const { t } = useTranslation([`modules/${innerProps.widgetId}`, 'common']);
   const [moduleProperties, setModuleProperties] = useState(innerProps.options);
-  // const items = Object.entries(moduleProperties ?? {}) as [string, IntegrationOptionsValueType][];
   const items = Object.entries(innerProps.widgetOptions ?? {}) as [
     string,
     IntegrationOptionsValueType

src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx

@@ -40,6 +40,12 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
       innerProps: {
         widgetId: integration,
       },
+      styles: {
+        inner: {
+          position: 'sticky',
+          top: 30,
+        },
+      },
     });
   };
 
@@ -53,6 +59,12 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
         widget,
         wrapperColumnCount,
       },
+      styles: {
+        inner: {
+          position: 'sticky',
+          top: 30,
+        },
+      },
     });
   };
 
@@ -67,6 +79,12 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
         widgetOptions: widgetDefinitionObject.options as any,
       },
       zIndex: 5,
+      styles: {
+        inner: {
+          position: 'sticky',
+          top: 30,
+        },
+      },
     });
   };