fix: prevent list items from overflowing Markdown content

docs/src/content/docs/getting-started.mdx

@@ -30,7 +30,7 @@ pnpm create astro --template starlight
 ```
 
 </TabItem>
-<TabItem label="Yarn">
+<TabItem label="Yarnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn">
 
 ```sh
 yarn create astro --template starlight

docs/src/content/docs/guides/authoring-content.md

@@ -368,3 +368,17 @@ Starlight supports all other Markdown authoring syntax, such as lists and tables
 ## Advanced Markdown and MDX configuration
 
 Starlight uses Astro’s Markdown and MDX renderer built on remark and rehype. You can add support for custom syntax and behavior by adding `remarkPlugins` or `rehypePlugins` in your Astro config file. See [“Configuring Markdown and MDX”](https://docs.astro.build/en/guides/markdown-content/#configuring-markdown-and-mdx) in the Astro docs to learn more.
+
+## Test
+
+I'm a test in a sentence https://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.com.
+
+Then, let's check some unordered lists:
+- https://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.com
+- https://github.com/withastro/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+- https://github.com/withastro/starlight
+
+Then, let's check some ordered lists:
+1. https://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.com
+1. https://github.com/withastro/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+1. https://github.com/withastro/starlight

docs/src/content/docs/guides/customization.mdx

@@ -401,7 +401,7 @@ It provides npm modules you can install for the fonts you want to use and includ
 
            </TabItem>
 
-        <TabItem label="Yarn">
+        <TabItem label="Yarnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn">
 
     ```sh
     yarn add @fontsource/ibm-plex-serif

packages/starlight/style/markdown.css

@@ -18,6 +18,11 @@
 	margin-top: 0.25rem;
 }
 
+.sl-markdown-content li:not(:where(.not-content *)) {
+	background: rgba(255, 0, 0, .5);
+	overflow-wrap: anywhere;
+}
+
 .sl-markdown-content
 	li
 	> :last-child:not(li, ul, ol):not(a, strong, em, del, span, input, :where(.not-content *)) {

packages/starlight/user-components/Tabs.astro

@@ -65,6 +65,7 @@ const { html, panels } = processPanels(panelHtml);
 		border-bottom: 2px solid var(--sl-color-gray-5);
 		color: var(--sl-color-gray-3);
 		outline-offset: var(--sl-outline-offset-inside);
+		overflow-wrap: initial;
 	}
 	.tab [role='tab'][aria-selected='true'] {
 		color: var(--sl-color-white);