bump up z index in multi select

codecov · Sep 4, 2024 · 698cda3 · 698cda3
1 parent 1d7754f
commit 698cda3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/ui/MultiSelect/MultiSelect.jsx b/src/ui/MultiSelect/MultiSelect.jsx
@@ -17,7 +17,7 @@ const SelectClasses = {
  button:
  'flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap',
  listContainer:
- 'overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-20 max-h-80 min-w-fit',
+ 'overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit',
  listItem: 'block cursor-pointer py-1 px-3 text-sm',
  loadMoreTrigger: 'relative top-[-65px] invisible block leading-[0]',
 }
@@ -283,7 +283,7 @@ const MultiSelect = 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