From c9b48778ed754e2e5e9f040a2a3104b17abfc3fc Mon Sep 17 00:00:00 2001
From: Jason Chuang <jchuang@2fi-solutions.com.hk>
Date: Fri, 13 Mar 2026 04:35:48 +0800
Subject: [PATCH] button add keyboard control

---
 src/pages/Proof/Reply_Public/ProofForm.js | 39 +++++++++++++++--------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/pages/Proof/Reply_Public/ProofForm.js b/src/pages/Proof/Reply_Public/ProofForm.js
index 5226f37..2d9511c 100644
--- a/src/pages/Proof/Reply_Public/ProofForm.js
+++ b/src/pages/Proof/Reply_Public/ProofForm.js
@@ -54,6 +54,7 @@ const FormPanel = ({ formData }) => {
     const [isSubmitting, setIsSubmitting] = React.useState(false);
     const [isOnlyOnlinePayment, setOnlyOnlinePayment] = React.useState();
     const [isNoPayment, setNoPayment] = React.useState();
+    const fileInputRef = React.useRef(null);
     
     const navigate = useNavigate()
     const params = useParams();
@@ -627,6 +628,30 @@ const FormPanel = ({ formData }) => {
                                                                 </Grid>
 
                                                                 <Grid item xs={12} md={12} textAlign="left">
+                                                                    <ThemeProvider theme={PNSPS_BUTTON_THEME}>
+                                                                        <Button
+                                                                            color="save"
+                                                                            variant="contained"
+                                                                            type="button"
+                                                                            aria-label={intl.formatMessage({ id: 'upload' })}
+                                                                            disabled={attachments.length >= (formik.values.groupType === "Private Bill" ? 2 : 1)}
+                                                                            onClick={() => {
+                                                                                if (fileInputRef.current) {
+                                                                                    fileInputRef.current.click();
+                                                                                }
+                                                                            }}
+                                                                            onKeyDown={(event) => {
+                                                                                if (event.key === 'Enter' || event.key === ' ') {
+                                                                                    event.preventDefault();
+                                                                                    if (fileInputRef.current) {
+                                                                                        fileInputRef.current.click();
+                                                                                    }
+                                                                                }
+                                                                            }}
+                                                                        >
+                                                                            <FormattedMessage id="upload" />
+                                                                        </Button>
+                                                                    </ThemeProvider>
                                                                     <input
                                                                         id="uploadFileBtn"
                                                                         name="file"
@@ -637,20 +662,8 @@ const FormPanel = ({ formData }) => {
                                                                         onChange={(event) => {
                                                                             readFile(event)
                                                                         }}
+                                                                        ref={fileInputRef}
                                                                     />
-                                                                    <label htmlFor="uploadFileBtn">
-                                                                        <ThemeProvider theme={PNSPS_BUTTON_THEME}>
-                                                                            <Button
-                                                                                color="save"
-                                                                                component="span"
-                                                                                variant="contained"
-                                                                                aria-label={intl.formatMessage({ id: 'upload' })}
-                                                                                disabled={attachments.length >= (formik.values.groupType === "Private Bill" ? 2 : 1)}
-                                                                            >
-                                                                                <FormattedMessage id="upload" />
-                                                                            </Button>
-                                                                        </ThemeProvider>
-                                                                    </label>
                                                                 </Grid>