fix(fuselage): hidden select should be child of trigger (#1537)

RocketChat · Jan 24, 2025 · 6a6386a · 6a6386a
1 parent 31c7778
commit 6a6386a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/.changeset/modern-cycles-reflect.md b/.changeset/modern-cycles-reflect.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/fuselage': patch
+---
+
+fix: `SelectAria` hidden select should be child of trigger
diff --git a/packages/fuselage/src/components/Select/SelectAria.tsx b/packages/fuselage/src/components/Select/SelectAria.tsx
@@ -59,13 +59,6 @@ export const SelectAria = forwardRef(function SelectAria<T extends object>(
 
   return (
     <>
-      <HiddenSelect
-        state={state}
-        triggerRef={ref}
-        label={props.label}
-        name={props.name}
-        isDisabled={isDisabled}
-      />
       <SelectTrigger
         {...mergeProps(focusProps, triggerProps)}
         ref={mergedRef}
@@ -74,6 +67,13 @@ export const SelectAria = forwardRef(function SelectAria<T extends object>(
         error={error}
         id={id}
       >
+        <HiddenSelect
+          state={state}
+          triggerRef={ref}
+          label={props.label}
+          name={props.name}
+          isDisabled={isDisabled}
+        />
         <Box
           is='span'
           color={state.selectedItem ? 'default' : 'hint'}