From d8669b869761ac15d1d611eda7dd94a62ce0fd7a Mon Sep 17 00:00:00 2001
From: Otis Sutton
Date: Tue, 15 Aug 2023 08:30:11 +1200
Subject: Add `z-index` to mobile table of contents. (#402)

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
---
 .changeset/wild-falcons-type.md                                      | 5 +++++
 .../starlight/components/TableOfContents/MobileTableOfContents.astro | 1 +
 packages/starlight/layout/TwoColumnContent.astro                     | 4 ++++
 packages/starlight/style/props.css                                   | 1 +
 4 files changed, 11 insertions(+)
 create mode 100644 .changeset/wild-falcons-type.md

diff --git a/.changeset/wild-falcons-type.md b/.changeset/wild-falcons-type.md
new file mode 100644
index 00000000..328fe6a1
--- /dev/null
+++ b/.changeset/wild-falcons-type.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Fix content sometimes appearing above the mobile table of contents.
\ No newline at end of file
diff --git a/packages/starlight/components/TableOfContents/MobileTableOfContents.astro b/packages/starlight/components/TableOfContents/MobileTableOfContents.astro
index 917db070..4662742d 100644
--- a/packages/starlight/components/TableOfContents/MobileTableOfContents.astro
+++ b/packages/starlight/components/TableOfContents/MobileTableOfContents.astro
@@ -35,6 +35,7 @@ const t = useTranslations(locale);
 <style>
 	nav {
 		position: fixed;
+		z-index: var(--sl-z-index-toc);
 		top: calc(var(--sl-nav-height) - 1px);
 		inset-inline: 0;
 		border-top: 1px solid var(--sl-color-gray-5);
diff --git a/packages/starlight/layout/TwoColumnContent.astro b/packages/starlight/layout/TwoColumnContent.astro
index 16fe9698..8ba8da0f 100644
--- a/packages/starlight/layout/TwoColumnContent.astro
+++ b/packages/starlight/layout/TwoColumnContent.astro
@@ -18,6 +18,10 @@ interface Props {
 </div>
 
 <style>
+	.main-pane {
+		isolation: isolate;
+	}
+
 	@media (min-width: 72rem) {
 		.right-sidebar-container {
 			order: 2;
diff --git a/packages/starlight/style/props.css b/packages/starlight/style/props.css
index fd04d7ec..0bc2124d 100644
--- a/packages/starlight/style/props.css
+++ b/packages/starlight/style/props.css
@@ -104,6 +104,7 @@
 	--sl-outline-offset-inside: -0.1875rem;
 
 	/* Global z-index values */
+	--sl-z-index-toc: 4;
 	--sl-z-index-menu: 5;
 	--sl-z-index-navbar: 10;
 	--sl-z-index-skiplink: 20;
-- 
cgit