From e72057b7e3a3b087d8008273ddd049618c697431 Mon Sep 17 00:00:00 2001
From: Dylan Decrulle <dylan.decrulle@outlook.fr>
Date: Wed, 10 Jul 2024 15:15:52 +0200
Subject: [PATCH] feat: Be able to override props with native props

---
 src/Input.tsx      | 2 +-
 src/Select.tsx     | 2 +-
 src/SelectNext.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Input.tsx b/src/Input.tsx
index 86ef84437..bcf240b2a 100644
--- a/src/Input.tsx
+++ b/src/Input.tsx
@@ -137,7 +137,6 @@ export const Input = memo(
                 {(() => {
                     const nativeInputOrTextArea = (
                         <NativeInputOrTextArea
-                            {...(nativeInputOrTextAreaProps as {})}
                             className={cx(
                                 fr.cx(
                                     "fr-input",
@@ -158,6 +157,7 @@ export const Input = memo(
                             aria-describedby={messageId}
                             type={textArea ? undefined : nativeInputProps?.type ?? "text"}
                             id={inputId}
+                            {...(nativeInputOrTextAreaProps as {})}
                         />
                     );
 
diff --git a/src/Select.tsx b/src/Select.tsx
index 858b019bb..12eaa7eef 100644
--- a/src/Select.tsx
+++ b/src/Select.tsx
@@ -95,11 +95,11 @@ export const Select = memo(
                     {hint !== undefined && <span className={fr.cx("fr-hint-text")}>{hint}</span>}
                 </label>
                 <select
-                    {...nativeSelectProps}
                     className={cx(fr.cx("fr-select"), nativeSelectProps.className)}
                     id={selectId}
                     aria-describedby={stateDescriptionId}
                     disabled={disabled}
+                    {...nativeSelectProps}
                 >
                     {children}
                 </select>
diff --git a/src/SelectNext.tsx b/src/SelectNext.tsx
index 4c6f408a0..c0212efc5 100644
--- a/src/SelectNext.tsx
+++ b/src/SelectNext.tsx
@@ -145,11 +145,11 @@ function NonMemoizedNonForwardedSelect<T extends SelectProps.Option[]>(
                 {hint !== undefined && <span className={fr.cx("fr-hint-text")}>{hint}</span>}
             </label>
             <select
-                {...(nativeSelectProps as any)}
                 className={cx(fr.cx("fr-select"), nativeSelectProps?.className)}
                 id={selectId}
                 aria-describedby={stateDescriptionId}
                 disabled={disabled}
+                {...(nativeSelectProps as any)}
             >
                 {[
                     {