Fix - Native Select / Select - Additional Content redundancy / CSS (#…

…1168)
cengage · Sep 18, 2024 · ffec3c9 · ffec3c9
1 parent b11c6f7
commit ffec3c9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/.changeset/fix-additionalContent.md b/.changeset/fix-additionalContent.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': minor
+---
+
+fix(Select/NativeSelect): Fixed alignment issues in Select regarding additional content icon. Fixed duplicate additional content in Native Select.
diff --git a/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx b/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx
@@ -179,15 +179,16 @@ export const NativeSelect = React.forwardRef<HTMLDivElement, NativeSelectProps>(
           disabled={disabled}
           hasError={!!errorMessage}
           isInverse={isInverse}
-          helperMessage={helperMessage}
-          messageStyle={messageStyle}
-          ref={ref}
+          theme={theme}
         >
-          <StyledNativeSelectWrapper
-            disabled={disabled}
+          <StyledNativeSelect
+            data-testid={testId}
             hasError={!!errorMessage}
+            disabled={disabled}
+            id={id}
             isInverse={isInverse}
             theme={theme}
+            {...other}
           >
             {children}
           </StyledNativeSelect>