Skip to content

Commit 9d4d5e2

Browse files
committed
fixes tabIndex
1 parent f00445e commit 9d4d5e2

File tree

2 files changed

+26
-24
lines changed

2 files changed

+26
-24
lines changed

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "filedrop-svelte",
3-
"version": "0.0.4",
3+
"version": "0.0.5",
44
"author": {
55
"name": "chance dinkins",
66
"email": "[email protected]"

src/lib/actions/filedrop.ts

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -330,12 +330,13 @@ export const filedrop = function (node: HTMLElement, opts?: FileDropOptions): Ac
330330

331331
function init(opts: FileDropOptions) {
332332
options = configOptions(node, opts);
333-
console.log(options)
333+
console.log(options);
334334
input = options.input;
335+
node.tabIndex = options.tabIndex;
336+
335337
if (!options.disabled) {
336338
node.classList.remove("disabled");
337339
input.multiple = options.multiple;
338-
339340
if (options.accept?.length) {
340341
if (Array.isArray(options.accept)) {
341342
input.accept = options.accept.join(",");
@@ -347,31 +348,33 @@ export const filedrop = function (node: HTMLElement, opts?: FileDropOptions): Ac
347348
}
348349

349350
input.autocomplete = "off";
350-
if(options.hideInput){
351-
input.style.display = "none"
351+
if (options.hideInput) {
352+
input.style.display = "none";
352353
}
353-
node.addEventListener("dragenter", handleDragEnter);
354-
node.addEventListener("dragleave", handleDragLeave);
355-
node.addEventListener("dragover", handleDragOver);
356-
node.addEventListener("drop", handleDrop);
357354

358-
input.addEventListener("change", handleChange);
359-
input.addEventListener("click", handleInputClick);
355+
if (isBrowser) {
356+
node.addEventListener("dragenter", handleDragEnter);
357+
node.addEventListener("dragleave", handleDragLeave);
358+
node.addEventListener("dragover", handleDragOver);
359+
node.addEventListener("drop", handleDrop);
360360

361-
if (options.clickToUpload) {
362-
node.addEventListener("click", handleClick);
363-
} else {
364-
node.removeEventListener("click", handleClick);
365-
}
361+
input.addEventListener("change", handleChange);
362+
input.addEventListener("click", handleInputClick);
366363

367-
if (options.hideInput) {
368-
node.addEventListener("keydown", handleKeyDown);
369-
}
370-
if (!options.hideInput && !options.clickToUpload) {
371-
node.removeEventListener("keydown", handleKeyDown);
372-
}
364+
if (options.clickToUpload) {
365+
node.addEventListener("click", handleClick);
366+
} else {
367+
node.removeEventListener("click", handleClick);
368+
}
369+
370+
if (options.hideInput) {
371+
node.addEventListener("keydown", handleKeyDown);
372+
}
373+
374+
if (!options.hideInput && !options.clickToUpload) {
375+
node.removeEventListener("keydown", handleKeyDown);
376+
}
373377

374-
if (isBrowser) {
375378
window.addEventListener("focus", handleWindowFocus);
376379
document.addEventListener("dragenter", handleDocumentDragEnter);
377380
document.addEventListener("dragleave", handleDocumentDragLeave);
@@ -407,7 +410,6 @@ export const filedrop = function (node: HTMLElement, opts?: FileDropOptions): Ac
407410
return {
408411
update(opts?: FileDropOptions) {
409412
init(opts || {});
410-
411413
},
412414
destroy() {
413415
teardown();

0 commit comments

Comments
 (0)