diff options
| author | HiDeoo | 2023-08-09 00:21:26 +0200 |
|---|---|---|
| committer | GitHub | 2023-08-09 00:21:26 +0200 |
| commit | 6a7692ae3178f9f9f727cc17b8ae860604afd78f (patch) | |
| tree | c08e1a28f82506edb802fe045504407f54993774 | |
| parent | 3e5d4b1b298558af322210915a58af5882d6ae06 (diff) | |
| download | IT.starlight-6a7692ae3178f9f9f727cc17b8ae860604afd78f.tar.gz IT.starlight-6a7692ae3178f9f9f727cc17b8ae860604afd78f.tar.bz2 IT.starlight-6a7692ae3178f9f9f727cc17b8ae860604afd78f.zip | |
Fix issue with nested `<Tabs>` components (#473)
| -rw-r--r-- | .changeset/wise-boats-flow.md | 5 | ||||
| -rw-r--r-- | packages/starlight/user-components/Tabs.astro | 2 |
2 files changed, 6 insertions, 1 deletions
diff --git a/.changeset/wise-boats-flow.md b/.changeset/wise-boats-flow.md new file mode 100644 index 00000000..6a85edfd --- /dev/null +++ b/.changeset/wise-boats-flow.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight': patch +--- + +Fix issue with nested `<Tabs>` components diff --git a/packages/starlight/user-components/Tabs.astro b/packages/starlight/user-components/Tabs.astro index 43af0430..82b3af17 100644 --- a/packages/starlight/user-components/Tabs.astro +++ b/packages/starlight/user-components/Tabs.astro @@ -77,7 +77,7 @@ const { html, panels } = processPanels(panelHtml); super(); const tablist = this.querySelector<HTMLUListElement>('[role="tablist"]')!; this.tabs = [...tablist.querySelectorAll<HTMLAnchorElement>('[role="tab"]')]; - this.panels = [...this.querySelectorAll<HTMLElement>('[role="tabpanel"]')]; + this.panels = [...this.querySelectorAll<HTMLElement>(':scope > [role="tabpanel"]')]; this.tabs.forEach((tab, i) => { // Handle clicks for mouse users |