From d9ee8cb2d997467bc11d3a9aceaf9802cbdb0d57 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Sat, 19 Mar 2022 10:44:05 -0700
Subject: [PATCH] fix(header-action): stop propagation on button click event
 (#1185)

---
 src/UIShell/GlobalHeader/HeaderAction.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/UIShell/GlobalHeader/HeaderAction.svelte b/src/UIShell/GlobalHeader/HeaderAction.svelte
index 60a94c25..34197d1a 100644
--- a/src/UIShell/GlobalHeader/HeaderAction.svelte
+++ b/src/UIShell/GlobalHeader/HeaderAction.svelte
@@ -58,16 +58,16 @@
   class:action-text="{text}"
   {...$$restProps}
   on:click
-  on:click="{() => {
+  on:click|stopPropagation="{() => {
     isOpen = !isOpen;
     dispatch(isOpen ? 'open' : 'close');
   }}"
 >
-  <svelte:component this="{icon}" style="{isOpen ? 'display: none' : ''}" />
-  <svelte:component
-    this="{closeIcon}"
-    style="{!isOpen ? 'display: none' : ''}"
-  />
+  {#if isOpen}
+    <svelte:component this="{closeIcon}" />
+  {:else}
+    <svelte:component this="{icon}" />
+  {/if}
   <slot name="text">
     {#if text}<span>{text}</span>{/if}
   </slot>