fix: omit role=button and tabIndex when openFileDialogOnClick is false

src/AjaxUploader.tsx

@@ -373,6 +373,7 @@ class AjaxUploader extends Component<UploadProps> {
     const dirProps: any = directory
       ? { directory: 'directory', webkitdirectory: 'webkitdirectory' }
       : {};
+    const isInteractive = openFileDialogOnClick && !hasControlInside;
     const events = disabled
       ? {}
       : {
@@ -382,10 +383,10 @@ class AjaxUploader extends Component<UploadProps> {
           onMouseLeave,
           onDrop: this.onFileDrop,
           onDragOver: this.onFileDragOver,
-          tabIndex: hasControlInside ? undefined : '0',
+          tabIndex: isInteractive ? '0' : undefined,
         };
     return (
-      <Tag {...events} className={cls} role={hasControlInside ? undefined : 'button'} style={style}>
+      <Tag {...events} className={cls} role={isInteractive ? 'button' : undefined} style={style}>
         <input
           {...pickAttrs(otherProps, { aria: true, data: true })}
           id={id}

tests/uploader.spec.tsx

@@ -1399,6 +1399,13 @@ describe('uploader', () => {
     expect(container.querySelector('span')!).not.toHaveAttribute('role', 'button');
   });
 
+  it("Should not be focusable and doesn't have role=button with openFileDialogOnClick=false", () => {
+    const { container } = render(<Upload openFileDialogOnClick={false} />);
+
+    expect(container.querySelector('span')!.tabIndex).not.toBe(0);
+    expect(container.querySelector('span')!).not.toHaveAttribute('role', 'button');
+  });
+
   it('should receive same defaultRequest as src', done => {
     const { default: srcRequest } = require('../src/request');
     let receivedDefaultRequest: any;