Merge pull request #69 from MattApril/master

Made picture-input keyboard accessible
alessiomaffeis · Jun 28, 2018 · 33ededc · 33ededc
2 parents 1694fa8 + f1c10a9
commit 33ededc
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/PictureInput.vue b/PictureInput.vue
@@ -6,6 +6,7 @@
         :style="{maxWidth: previewWidth + 'px', height: previewHeight + 'px', borderRadius: radius + '%'}">
           <canvas ref="previewCanvas"
             class="picture-preview"
+            tabindex="0"
             :class="computedClasses"
             @drag.stop.prevent=""
             @dragover.stop.prevent=""
@@ -15,6 +16,7 @@
             @dragleave.stop.prevent="onDragLeave"
             @drop.stop.prevent="onFileDrop"
             @click.prevent="onClick"
+            @keyup.enter="onClick"
             :style="{height: previewHeight + 'px', zIndex: zIndex + 1 }">
           </canvas>
         <div v-if="!imageSelected && !plain"