Fixes gr.Markdown() does not render spaces around links correctly (#7361

) * fix * remove console * add changeset * fix * storybook --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com> Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
gradio-app · Feb 11, 2024 · 17fb116 · 17fb116
1 parent bb4126c
commit 17fb116
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/chatty-lizards-share.md b/.changeset/chatty-lizards-share.md
@@ -0,0 +1,6 @@
+---
+"@gradio/markdown": patch
+"gradio": patch
+---
+
+fix:Fixes gr.Markdown() does not render spaces around links correctly
diff --git a/js/markdown/Markdown.stories.svelte b/js/markdown/Markdown.stories.svelte
@@ -62,3 +62,11 @@ in two separate lines.`
 		latex_delimiters: [{ left: "$", right: "$", display: false }]
 	}}
 />
+
+<Story
+	name="Markdown with header links"
+	args={{
+		value: "# Visit [Gradio](https://gradio.app) for more information",
+		header_links: true
+	}}
+/>
diff --git a/js/markdown/shared/MarkdownCode.svelte b/js/markdown/shared/MarkdownCode.svelte
@@ -169,5 +169,6 @@
 	span :global(h6) {
 		display: flex;
 		align-items: center;
+		white-space-collapse: break-spaces;
 	}
 </style>