FileUpload: Input Triggered on Any Mouse Click

[balajis-qb]

Issue Report: FileUpload Input Triggered on Any Mouse Click

Description

The FileUpload component's input is being triggered on any mouse click event, not just the left click. This behavior is unexpected and may lead to unintended file selections.

Steps to Reproduce

Go to https://primereact.org/fileupload/ right click on the first FileUpload (mode="basic") -> see it opens the file browser and closes the context menu directly

Expected Behavior

The expected behavior is that the FileUpload component's input should only be triggered on a left mouse click (e.g., a regular file selection behavior).

Actual Behavior

Only the context menu should open

Reproducer

https://stackblitz.com/edit/stackblitz-starters-qhqcqg?file=src%2FApp.js

Environment Information

• PrimeReact Version: 9.6.2
• Browser and Version: Google Chrome 117.0.5938.92 & Brave 1.58.131
• Operating System: Windows 10 & 11

Code Snippet

import { Toast } from 'primereact/toast';
import { FileUpload } from 'primereact/fileupload';

export default function BasicDemo() {
    const toast = useRef(null);

    const onUpload = () => {
        toast.current.show({ severity: 'info', summary: 'Success', detail: 'File Uploaded' });
    };
        
    return (
        <div className="card flex justify-content-center">
            <Toast ref={toast}></Toast>
            <FileUpload mode="basic" name="demo[]" url="/api/upload" accept="image/*" maxFileSize={1000000} onUpload={onUpload} />
        </div>  
    )
}