Merge pull request #25062 from xyy94813/feature/subheading-tag-id

refactor: use encodeURIComponent to encode story name
storybookjs · Dec 7, 2023 · 7c32fb5 · 7c32fb5
2 parents f885ece + 1ed3441
commit 7c32fb5
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/code/ui/blocks/src/blocks/Subheading.tsx b/code/ui/blocks/src/blocks/Subheading.tsx
@@ -8,7 +8,7 @@ export const Subheading: FC<PropsWithChildren<HeadingProps>> = ({ children, disa
   if (disableAnchor || typeof children !== 'string') {
     return <H3>{children}</H3>;
   }
-  const tagID = children.toLowerCase().replace(/[^a-z0-9]/gi, '-');
+  const tagID = globalThis.encodeURIComponent(children.toLowerCase());
   return (
     <HeaderMdx as="h3" id={tagID}>
       {children}