Commit 3c62b51c authored by Phil Hughes's avatar Phil Hughes

fixed modal input not clearing

parent 89c56c1f
......@@ -59,9 +59,10 @@ export default {
}
},
focusInput() {
setTimeout(() => {
this.$refs.fieldName.focus();
});
this.$refs.fieldName.focus();
},
closedModal() {
this.name = '';
},
},
};
......@@ -75,6 +76,7 @@ export default {
footer-primary-button-variant="success"
@submit="submitForm"
@open="focusInput"
@closed="closedModal"
>
<div
class="form-group row"
......
<script>
import $ from 'jquery';
const buttonVariants = ['danger', 'primary', 'success', 'warning'];
const sizeVariants = ['sm', 'md', 'lg', 'xl'];
......@@ -38,6 +40,12 @@ export default {
return this.modalSize === 'md' ? '' : `modal-${this.modalSize}`;
},
},
mounted() {
$(this.$el).on('shown.bs.modal', this.opened).on('hidden.bs.modal', this.closed);
},
beforeDestroy() {
$(this.$el).off('shown.bs.modal', this.opened).off('hidden.bs.modal', this.closed);
},
methods: {
emitCancel(event) {
this.$emit('cancel', event);
......@@ -45,10 +53,11 @@ export default {
emitSubmit(event) {
this.$emit('submit', event);
},
opened({ propertyName }) {
if (propertyName === 'opacity') {
this.$emit('open');
}
opened() {
this.$emit('open');
},
closed() {
this.$emit('closed');
},
},
};
......@@ -60,7 +69,6 @@ export default {
class="modal fade"
tabindex="-1"
role="dialog"
@transitionend="opened"
>
<div
:class="modalSizeClass"
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment