fix(fields): handle id with special chars in Select pointer-events hack

MTES-MCT · Sep 26, 2024 · 271e475 · 271e475
1 parent 9ca5417
commit 271e475
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/fields/Select.tsx b/src/fields/Select.tsx
@@ -143,7 +143,7 @@ export function Select<OptionValue extends OptionValueType = string>({
                 return
               }
 
-              const divs = boxRef.current.querySelectorAll(`#${originalProps.name}-listbox div`)
+              const divs = boxRef.current.querySelectorAll<HTMLDivElement>(`[id="${originalProps.name}-listbox"] div`)
               const targetDiv = divs[2]
 
               /**
@@ -154,7 +154,7 @@ export function Select<OptionValue extends OptionValueType = string>({
                */
               if (targetDiv) {
                 requestAnimationFrame(() => {
-                  ;(targetDiv as HTMLDivElement).style.pointerEvents = 'auto'
+                  targetDiv.style.pointerEvents = 'auto'
                 })
               }
             }, 300)