bump up z index in select

codecov · Sep 4, 2024 · 1d7754f · 1d7754f
1 parent 337a9c2
commit 1d7754f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/ui/Select/Select.jsx b/src/ui/Select/Select.jsx
@@ -16,7 +16,7 @@ const SelectClasses = {
  item: 'block cursor-pointer py-1 px-3 text-sm font-normal',
  button:
  'flex justify-between items-center w-full rounded bg-ds-background text-left whitespace-nowrap disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1',
- ul: 'overflow-hidden rounded-bl rounded-br bg-ds-background border-ds-gray-tertiary absolute w-full z-20 max-h-80 min-w-fit',
+ ul: 'overflow-hidden rounded-bl rounded-br bg-ds-background border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit',
  loadMoreTrigger: 'relative top-[-65px] invisible block leading-[0]',
 }
 
@@ -185,7 +185,7 @@ const Select = forwardRef(
  />
  </button>
  <div
- className={cs(!onSearch && 'hidden', 'absolute', 'inset-x-0 z-10')}
+ className={cs(!onSearch && 'hidden', 'absolute', 'inset-x-0 z-50')}
  >
  <div className={cs(!isOpen && 'hidden')}>
  <SearchField