lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

AddTrackModal - autofocus on modal open

Browse Source 
ref #11
This commit is contained in:
Philipp Dormann 2021-01-05 22:11:06 +01:00
parent 0e7640bf86
commit 388fc8f239
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/AddTrackModal.svelte
View File

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