From 62719c45cc5e295edf62cb1eea1013e675ec4002 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 11 Jan 2020 18:39:07 -0800
Subject: [PATCH] fix(tab): set selected to currentIndex after updating

---
 src/components/Tabs/Tabs.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Tabs/Tabs.svelte b/src/components/Tabs/Tabs.svelte
index b43ce0e1..b012e2d7 100644
--- a/src/components/Tabs/Tabs.svelte
+++ b/src/components/Tabs/Tabs.svelte
@@ -8,7 +8,7 @@
   export let triggerHref = '#';
   export let type = 'default';
 
-  import { createEventDispatcher, setContext } from 'svelte';
+  import { createEventDispatcher, afterUpdate, setContext } from 'svelte';
   import { writable, derived } from 'svelte/store';
   import ChevronDownGlyph from 'carbon-icons-svelte/lib/ChevronDownGlyph';
   import { cx } from '../../lib';
@@ -62,10 +62,14 @@
     }
   });
 
+  afterUpdate(() => {
+    selected = currentIndex;
+  });
+
+  $: currentIndex = selected;
   $: currentTab = $tabs[currentIndex] || undefined;
   $: currentContent = $content[currentIndex] || undefined;
   $: {
-    selected = currentIndex;
     dispatch('change', currentIndex);
 
     if (currentTab) {