c3lf/c3lf-system-3
7
0
Fork 0
Code Issues 52 Pull requests Projects 2 Releases Wiki Activity Actions

close modal on esc press

Browse source
This commit is contained in:
busti 2019-12-29 18:08:09 +01:00
parent ca38616395
commit 8c759c4f23
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/Modal.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="modal" tabindex="-1"> <div class="modal" tabindex="-1" @keyup.esc="$emit('close')">
<div class="modal-dialog modal-xl"> <div class="modal-dialog modal-xl">
<div class="modal-content bg-dark text-light border-secondary"> <div class="modal-content bg-dark text-light border-secondary">
<div class="modal-header"> <div class="modal-header">
@ -30,7 +30,10 @@
<script> <script>
export default { export default {
name: 'Modal', name: 'Modal',
props: ['title'] props: ['title'],
mounted() {
this.$el.focus();
}
}; };
</script> </script>