[BUG] Comma in Fragment of URL Is Not Being Replaced, Causing Broken Links

[Shriya-Chauhan]

Describe the bug.

When clicking on a link with a fragment that contains a comma (e.g., #call-for-speakers,-singapore), the generated URL is not working correctly. The URL generated is: https://www.asyncapi.com/blog/conference-2024-summary#call-for-speakers,-singapore

However, when manually modifying the URL to replace the comma with a hyphen, the link works as expected: https://www.asyncapi.com/blog/conference-2024-summary#call-for-speakers-singapore

Expected behavior

The URL should automatically replace commas in the fragment with hyphens, resulting in a valid URL like:

https://www.asyncapi.com/blog/conference-2024-summary#call-for-speakers-singapore

Screenshots

Screencast.from.01-31-2025.11.00.17.AM.webm

How to Reproduce

Steps to Reproduce:
-Go to https://www.asyncapi.com/blog/conference-2024-summary

• Click on a link that generates a fragment URL with a comma (e.g., #call-for-speakers,-singapore).
• Observe that the generated URL includes the comma: https://www.asyncapi.com/blog/conference-2024-summary#call-for-speakers,-singapore.
• Manually change the comma to a hyphen (-), and the link works as expected: https://www.asyncapi.com/blog/conference-2024-summary#call-for-speakers-singapore.

🥦 Browser

Google Chrome

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[Shriya-Chauhan]

@anshgoyalevil Please take a look. Let me know if I can work on this.

[anshgoyalevil]

Feel free to raise the PR.

IMO, That would require a minor change to the regex over here

website/components/TOC.tsx

Line 42 in bca2a91

.replace(/[<>?!:`'."\\/=]/gi, '')

[Shriya-Chauhan]

Oh yes, this file, thank you for your help!