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

fix(tabs): remove hidden attribute for selected tab panel

Browse source
This commit is contained in:
Eric Liu 2020-07-30 17:27:06 -07:00
commit a0b6b561af
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Tabs/TabContent.svelte
View file

@ -7,16 +7,20 @@
import { getContext } from "svelte"; import { getContext } from "svelte";
const { selectedContent, addContent } = getContext("Tabs"); const { selectedContent, addContent, tabs, contentById } = getContext("Tabs");
addContent({ id }); addContent({ id });
$: selected = $selectedContent === id; $: selected = $selectedContent === id;
$: index = $contentById[id].index;
$: tabId = $tabs[index].id;
</script> </script>
<div <div
role="tabpanel"
aria-labelledby={tabId}
aria-hidden={!selected} aria-hidden={!selected}
hidden={!selected} hidden={selected ? undefined : ''}
{id} {id}
class:bx--tab-content={true} class:bx--tab-content={true}
{...$$restProps}> {...$$restProps}>