fix: resolve mobile file upload click issues by making native input overlay capture taps directly
Browse files
frontend/src/App.css
CHANGED
|
@@ -167,6 +167,7 @@
|
|
| 167 |
cursor: pointer;
|
| 168 |
width: 100%;
|
| 169 |
height: 100%;
|
|
|
|
| 170 |
}
|
| 171 |
.drop-icon {
|
| 172 |
font-size: 2rem;
|
|
|
|
| 167 |
cursor: pointer;
|
| 168 |
width: 100%;
|
| 169 |
height: 100%;
|
| 170 |
+
z-index: 2;
|
| 171 |
}
|
| 172 |
.drop-icon {
|
| 173 |
font-size: 2rem;
|
frontend/src/components/DropZone.jsx
CHANGED
|
@@ -36,7 +36,6 @@ export default function DropZone({ onFile, disabled }) {
|
|
| 36 |
onDragOver={onDragOver}
|
| 37 |
onDragLeave={onDragLeave}
|
| 38 |
onDrop={onDrop}
|
| 39 |
-
onClick={() => !disabled && inputRef.current?.click()}
|
| 40 |
style={disabled ? { pointerEvents: 'none', opacity: .5 } : {}}
|
| 41 |
>
|
| 42 |
<input
|
|
|
|
| 36 |
onDragOver={onDragOver}
|
| 37 |
onDragLeave={onDragLeave}
|
| 38 |
onDrop={onDrop}
|
|
|
|
| 39 |
style={disabled ? { pointerEvents: 'none', opacity: .5 } : {}}
|
| 40 |
>
|
| 41 |
<input
|