Adds keyboard focus to file selector

js/file-selector.js

@@ -135,13 +135,21 @@ var dropHandlers = {
 $(document).on(dropHandlers, '.dropzone');
 
 $(document).on('click', '.dropzone .remove-btn', function (e) {
+	e.stopPropagation();
+
 	var file = $(e.target).parent().data('file-ref');
 
 	getThumbElement(file).remove();
 	removeFile(file);
 });
 
-$(document).on('click', '.dropzone .file-hint', function (e) {
+$(document).on('keypress click', '.dropzone, .dropzone .file-hint', function (e) {
+	e.stopPropagation();
+
+	// accept mosue click or Enter
+	if (e.which != 1 || e.which != 13)
+		return;
+
 	var $fileSelector = $('<input type="file" multiple>');
 
 	$fileSelector.on('change', function (e) {

templates/post_form.html

@@ -100,7 +100,7 @@
 				<input type="file" name="file" id="upload_file">
 
 				<div class="dropzone-wrap" style="display: none;">
-					<div class="dropzone">
+					<div class="dropzone" tabindex="0">
 						<div class="file-hint">Select/drop/paste files here</div>
 						<div class="file-thumbs"></div>
 					</div>