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

fix(tab): set selected to currentIndex after updating

Browse source
This commit is contained in:
Eric Liu 2020-01-11 18:39:07 -08:00
commit 62719c45cc
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Tabs/Tabs.svelte
View file

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