From c749911d07049ae10f057c5af3b5d28249082f42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=91=D0=BE=D1=87=D0=BA=D0=B0=D1=80=D0=B5=D0=B2=20=D0=A2?=
 =?UTF-8?q?=D0=B8=D0=BC=D0=BE=D1=84=D0=B5=D0=B9?= <t.bochkarev@qvant.ru>
Date: Tue, 9 Feb 2021 14:22:11 +0300
Subject: [PATCH] add keyboard support

---
 src/qComponents/QUpload/src/QUpload.vue   | 3 +++
 src/qComponents/QUpload/src/q-upload.scss | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/qComponents/QUpload/src/QUpload.vue b/src/qComponents/QUpload/src/QUpload.vue
index d8506399..87e56000 100644
--- a/src/qComponents/QUpload/src/QUpload.vue
+++ b/src/qComponents/QUpload/src/QUpload.vue
@@ -3,11 +3,13 @@
     <div
       class="q-upload-drag"
       :class="classes"
+      tabindex="0"
       @dragenter.prevent
       @drop.prevent="processFile"
       @dragover.prevent="handleDragover"
       @dragleave.prevent="isDragover = false"
       @click="handleUploadClick"
+      @keyup.enter="handleUploadClick"
     >
       <span
         class="q-upload-drag__icon"
@@ -21,6 +23,7 @@
       class="q-upload__input"
       type="file"
       :accept="accept.toString()"
+      tabindex="-1"
       @change="processFile"
     />
 
diff --git a/src/qComponents/QUpload/src/q-upload.scss b/src/qComponents/QUpload/src/q-upload.scss
index c1a122e9..adf6cf05 100644
--- a/src/qComponents/QUpload/src/q-upload.scss
+++ b/src/qComponents/QUpload/src/q-upload.scss
@@ -36,7 +36,8 @@
   box-shadow: var(--box-shadow);
   cursor: pointer;
 
-  &:hover {
+  &:hover,
+  &[data-focus-visible-added] {
     --background-color: var(--color-tertiary-gray);
     --box-shadow: var(--box-shadow-hover);
   }