Fix z-index and modal error issue

This commit is contained in:
Jason Henriquez 2024-04-20 21:20:53 -05:00
parent 009422feaa
commit 8ab7e3f727
2 changed files with 4 additions and 4 deletions

View File

@ -189,7 +189,7 @@ export default defineComponent({
if (val > oldVal) {
// Focus back to search input only when playlist added
// Allow search and easier deselecting new created playlist
this.$refs.searchBar.focus()
nextTick(() => this.$refs.searchBar.focus())
}
},
@ -199,7 +199,7 @@ export default defineComponent({
// Only care when CreatePlaylistPrompt hidden
// Shift focus from button to prevent unwanted click event
// due to enter key press in CreatePlaylistPrompt
this.$refs.searchBar.focus()
nextTick(() => this.$refs.searchBar.focus())
},
},
mounted: function () {
@ -210,7 +210,7 @@ export default defineComponent({
nextTick(() => this.$refs.searchBar.focus())
},
beforeDestroy() {
this.lastActiveElement?.focus()
nextTick(() => this.lastActiveElement?.focus())
},
methods: {
hide: function () {

View File

@ -7,7 +7,7 @@
background-color: rgb(0 0 0 / 70%);
/* Higher than components like playlist info */
z-index: 200;
z-index: 201;
padding: 15px;
box-sizing: border-box;
display: flex;