Merge pull request #588 from ajnart/584-the-integrations-list-is-covered-by-the-main-window-when-adding-a-container

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx

@@ -110,6 +110,8 @@ export const IntegrationSelector = ({ form }: IntegrationSelectorProps) => {
       clearable
       variant="default"
       searchable
+      zIndex={203}
+      withinPortal
       filter={(value, item) =>
         item.label?.toLowerCase().includes(value.toLowerCase().trim()) ||
         item.description?.toLowerCase().includes(value.toLowerCase().trim())
@@ -128,7 +130,6 @@ export const IntegrationSelector = ({ form }: IntegrationSelectorProps) => {
         form.setFieldValue('integration.properties', getNewProperties(value));
         inputProps.onChange(value);
       }}
-      withinPortal
       {...inputProps}
     />
   );

src/modules/Docker/ContainerActionBar.tsx

@@ -167,7 +167,7 @@ export default function ContainerActionBar({ selected, reload }: ContainerAction
           const containerUrl = `http://localhost:${selected[0].Ports[0]?.PublicPort ?? 0}`;
           openContextModalGeneric<{ app: AppType; allowAppNamePropagation: boolean }>({
             modal: 'editApp',
-            zIndex: 1000,
+            zIndex: 202,
             innerProps: {
               app: {
                 id: uuidv4(),