External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(a11y): add keyboard support to pdf-to-image upload dropzone

Browse Source
This commit is contained in:
Siddharth Kumar Sah
2026-04-10 20:56:13 +08:00
parent b2a2c890a1
commit 1778f7266b
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/tools/pdf-to-image-settings.tsx
+8
View File
@@ -155,9 +155,17 @@ export function PdfToImageSettings() {
{/* PDF upload area */} {/* PDF upload area */}
{!file ? ( {!file ? (
<div <div
role="button"
tabIndex={0}
onDragOver={(e) => e.preventDefault()} onDragOver={(e) => e.preventDefault()}
onDrop={handleDrop} onDrop={handleDrop}
onClick={() => fileInputRef.current?.click()} onClick={() => fileInputRef.current?.click()}
onKeyDown={(e) => {
if (e.key === "Enter" || e.key === " ") {
e.preventDefault();
fileInputRef.current?.click();
}
}}
className="border-2 border-dashed border-border rounded-lg p-8 text-center cursor-pointer hover:border-primary/50 transition-colors" className="border-2 border-dashed border-border rounded-lg p-8 text-center cursor-pointer hover:border-primary/50 transition-colors"
> >
<FileUp className="h-8 w-8 mx-auto mb-2 text-muted-foreground" /> <FileUp className="h-8 w-8 mx-auto mb-2 text-muted-foreground" />