feat(dashboard): focus on modal when open

This commit is contained in:
Draconizations 2022-05-20 13:22:20 +02:00
parent 4758e378e3
commit abd5a85ba1
3 changed files with 26 additions and 8 deletions

View file

@ -1,5 +1,5 @@
<script lang="ts">
import { createEventDispatcher } from "svelte";
import { createEventDispatcher, tick } from "svelte";
import { ModalBody, ModalHeader, Col, Row, Input, Label, ModalFooter, Button, Spinner, Alert } from "sveltestrap";
import { Group } from '../../api/types';
@ -53,6 +53,11 @@
loading = false;
}
}
async function focus(el) {
await tick();
el.focus();
}
</script>
@ -60,10 +65,10 @@
<Alert color="danger">{err}</Alert>
{/if}
<Label><b>Set all to:</b></Label>
<Input type="select" bind:value={allPrivacy}>
<select class="form-select" bind:value={allPrivacy} use:focus>
<option>public</option>
<option>private</option>
</Input>
</select>
<hr />
<Row>
<Col xs={12} lg={6} class="mb-3">