chore: fix dropdown z-index

2023-04-26 18:29:08 +05:30
parent b4d34394fc
commit e79c4ceea4
1 changed files with 7 additions and 0 deletions
--- a/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
+++ b/packages/web/src/javascripts/Components/Dropdown/Dropdown.tsx
@@ -29,6 +29,13 @@ type DropdownProps = {
 const Dropdown = ({ label, value, onChange, items, disabled, fullWidth, classNameOverride = {} }: DropdownProps) => {
  const select = useSelectStore({
    defaultValue: value,
+    renderCallback(props) {
+      const { popoverElement, defaultRenderCallback } = props
+      defaultRenderCallback()
+      if (popoverElement) {
+        popoverElement.style.zIndex = 'var(--z-index-dropdown-menu)'
+      }
+    },
  })

  const selectedValue = select.useState('value')