mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 20:33:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(header-action): stop propagation on button click event

Browse source
This commit is contained in:
Eric Liu 2022-03-19 10:29:48 -07:00
commit b9af1bff92
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/UIShell/GlobalHeader/HeaderAction.svelte
View file

@ -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>