From b9b9d43163422e853cea111ce82257219f912626 Mon Sep 17 00:00:00 2001
From: Jason Lee <jason@zerodevx.com>
Date: Thu, 8 Apr 2021 01:38:56 +0800
Subject: [PATCH] Handle pointer-events better

---
 src/SvelteToast.svelte | 9 +++++----
 src/ToastItem.svelte   | 3 +++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/SvelteToast.svelte b/src/SvelteToast.svelte
index 83e4dcd..54af197 100644
--- a/src/SvelteToast.svelte
+++ b/src/SvelteToast.svelte
@@ -23,15 +23,16 @@ const getCss = theme => Object.keys(theme).reduce((a, c) => `${a}${c}:${theme[c]
 
 <style>
 ul {
+  top: var(--toastContainerTop,1.5rem);
+  right: var(--toastContainerRight,2rem);
+  bottom: var(--toastContainerBottom,auto);
+  left: var(--toastContainerLeft,auto);
   position: fixed;
   margin: 0;
   padding: 0;
   list-style-type: none;
+  pointer-events: none;
   z-index: 9999;
-  top: var(--toastContainerTop,1.5rem);
-  right: var(--toastContainerRight,2rem);
-  bottom: var(--toastContainerBottom,auto);
-  left: var(--toastContainerLeft,auto);
 }
 </style>
 
diff --git a/src/ToastItem.svelte b/src/ToastItem.svelte
index fa17be7..8e78f6c 100644
--- a/src/ToastItem.svelte
+++ b/src/ToastItem.svelte
@@ -40,6 +40,9 @@ $: if (prevProgress !== item.progress) {
   padding: var(--toastMsgPadding,0.75rem 0.5rem);
   flex: 1 1 0%;
 }
+._toastMsg :global(a) {
+  pointer-events: auto;
+}
 ._toastBtn {
   width: 2rem;
   height: 100%;