From 388fc8f239560be221687c69bfbffd9e1b3e56e1 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Tue, 5 Jan 2021 22:11:06 +0100
Subject: [PATCH] AddTrackModal - autofocus on modal open

ref #11
---
 src/components/AddTrackModal.svelte | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/AddTrackModal.svelte b/src/components/AddTrackModal.svelte
index e374c4e7..68efa120 100644
--- a/src/components/AddTrackModal.svelte
+++ b/src/components/AddTrackModal.svelte
@@ -7,6 +7,9 @@
   import "toastify-js/src/toastify.css";
   export let modal_open;
   let trackname_input;
+  function focus(el) {
+    el.focus();
+  }
   $: trackname_input_value = "";
   $: isTracknameValid = trackname_input_value.trim().length === 0;
   $: isTracklengthValid = tracklength <= 0;
@@ -101,6 +104,7 @@
                     for="trackname"
                     class="block text-sm font-medium text-gray-700">{$_('track-name')}</label>
                   <input
+                    use:focus
                     placeholder={$_('track-name')}
                     class:border-red-500={isTracknameValid}
                     class:focus:border-red-500={isTracknameValid}