From 31ffbe8f14b42bde6a03ce7c16a7970bed121091 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Thu, 20 Aug 2020 17:56:53 -0600
Subject: [PATCH 1/2] Prevent multiple modals from appearing unintentionally

---
 src/components/cards/Track.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cards/Track.vue b/src/components/cards/Track.vue
index 3b44c63..aaedf26 100644
--- a/src/components/cards/Track.vue
+++ b/src/components/cards/Track.vue
@@ -24,7 +24,7 @@
 		<div
 			v-tooltip.auto="popularity_tooltip"
 			class="popularity corner"
-			@click.self="show_pop_modal = true"
+			@click.self.stop="show_pop_modal = true"
 		>
 			{{ item.popularity }}
 		</div>

From dbb1c64847b637368fd0a59321ce9cf7c91a9e8e Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Thu, 20 Aug 2020 18:09:56 -0600
Subject: [PATCH 2/2] Stop click propogation for events

---
 src/components/cards/Track.vue           | 2 +-
 src/components/modals/DetailedTrack.vue  | 2 +-
 src/components/modals/FeaturesInfo.vue   | 2 +-
 src/components/modals/PlaylistExport.vue | 2 +-
 src/components/modals/PopularityInfo.vue | 2 +-
 src/components/modals/SiteInfo.vue       | 2 +-
 src/components/modals/ThemeModal.vue     | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/cards/Track.vue b/src/components/cards/Track.vue
index aaedf26..9bb4f5d 100644
--- a/src/components/cards/Track.vue
+++ b/src/components/cards/Track.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="card" @click.stop="show_track_info = true">
+	<div class="card" @click="show_track_info = true">
 		<div class="image">
 			<img
 				v-if="item.album.images.length !== 0"
diff --git a/src/components/modals/DetailedTrack.vue b/src/components/modals/DetailedTrack.vue
index 1eba1e1..2f69b66 100644
--- a/src/components/modals/DetailedTrack.vue
+++ b/src/components/modals/DetailedTrack.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/FeaturesInfo.vue b/src/components/modals/FeaturesInfo.vue
index 693cae6..b62c91d 100644
--- a/src/components/modals/FeaturesInfo.vue
+++ b/src/components/modals/FeaturesInfo.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/PlaylistExport.vue b/src/components/modals/PlaylistExport.vue
index b7081d0..8b785e2 100644
--- a/src/components/modals/PlaylistExport.vue
+++ b/src/components/modals/PlaylistExport.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/PopularityInfo.vue b/src/components/modals/PopularityInfo.vue
index 11ecf8d..246cfdd 100644
--- a/src/components/modals/PopularityInfo.vue
+++ b/src/components/modals/PopularityInfo.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/SiteInfo.vue b/src/components/modals/SiteInfo.vue
index 65eeba0..e4b21f3 100644
--- a/src/components/modals/SiteInfo.vue
+++ b/src/components/modals/SiteInfo.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">
diff --git a/src/components/modals/ThemeModal.vue b/src/components/modals/ThemeModal.vue
index a19ab9b..435bc6c 100644
--- a/src/components/modals/ThemeModal.vue
+++ b/src/components/modals/ThemeModal.vue
@@ -3,7 +3,7 @@
 		<div
 			v-if="container"
 			class="modal-container"
-			@click.self="content = false"
+			@click.self.stop="content = false"
 		>
 			<transition name="burst" @after-leave="$emit('close')">
 				<div v-if="content" class="modal">