fix: form control label and form check

michibox · May 13, 2023 · 03f17d4 · 03f17d4
1 parent b772e62
commit 03f17d4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/components/FormCheck.tsx b/src/components/FormCheck.tsx
@@ -176,6 +176,14 @@ const FormCheck: BsPrefixRefForwardingComponent<'input', FormCheckProps> =
         />
       );
 
+      const handleSelect = () => {
+        // @ts-ignore
+        if(ref?.current){
+          // @ts-ignore
+          ref?.current?.click()
+        }
+      }
+
       return (
         <FormContext.Provider value={innerFormContext}>
           <div
@@ -187,6 +195,11 @@ const FormCheck: BsPrefixRefForwardingComponent<'input', FormCheckProps> =
               reverse && `${bsPrefix}-reverse`,
               type === 'switch' && bsSwitchPrefix,
             )}
+            {...{
+              ...(!children && {
+                onClick: handleSelect,
+              }),
+          }}
           >
             {children || (
               <>

diff --git a/src/components/FormControl.tsx b/src/components/FormControl.tsx
@@ -113,6 +113,8 @@ const propTypes = {
     isInvalid: PropTypes.bool,
 
     isFloatingLabel: PropTypes.bool,
+
+    error:  PropTypes.any,
 };
 
 const FormControl: BsPrefixRefForwardingComponent<'input', FormControlProps> =