fix Combobox popover z-index issues

Author: sanjaypinna

app/[locale]/dashboard/organization/[organizationId]/dataset/[id]/edit/components/AccessModelForm.tsx

@@ -17,7 +17,9 @@ import {
 } from 'opub-ui';
 
 import { GraphQL } from '@/lib/api';
+import { cn } from '@/lib/utils';
 import { Icons } from '@/components/icons';
+import styles from '../edit.module.scss';
 import ResourceSelector from './ResourceSelector';
 
 interface AccessModelProps {
@@ -456,7 +458,7 @@ const AccessModelForm: React.FC<AccessModelProps> = ({
           </div>
 
           <div className="flex items-end gap-6">
-            <div className="w-3/4">
+            <div className={cn(' w-3/4', styles.combobox)}>
               <Combobox
                 displaySelected
                 label={'Select Fields of the Resource'}

app/[locale]/dashboard/organization/[organizationId]/dataset/[id]/edit/components/ResourceSelector.tsx

@@ -150,7 +150,7 @@ const ResourceSelector: React.FC<ResourceSelectorProps> = ({
       <div className="flex flex-wrap gap-6 px-8">
         <div className="flex w-full flex-col gap-4 2xl:w-3/5">
           <div className="relative mr-4 flex items-center">
-            <div className="mt-1 w-full">
+            <div className={cn('mt-1 w-full', styles.combobox)}>
               <Combobox
                 displaySelected
                 label="Select Fields of the Resource"

app/[locale]/dashboard/organization/[organizationId]/dataset/[id]/edit/edit.module.scss

@@ -9,3 +9,9 @@
     width: 140px;
   }
 }
+
+.combobox {
+  [role='presentation'] {
+    z-index: 1000 !important;
+  }
+}