Merge pull request #4819 from Blargian/fix_anchor_links_issue

Bug fix: take into account anchor tag in search results

Author: Blargian

src/theme/SearchBar/utils/searchConfig.js

@@ -96,9 +96,10 @@ export function transformSearchItems(items, options) {
     // For English, baseUrl is /docs/, so we want /tutorial
 
     try {
-      // Parse the URL to safely extract the pathname
+      // Parse the URL to safely extract the pathname and hash
       const urlObj = new URL(url);
       const pathname = urlObj.pathname;
+      const hash = urlObj.hash;
 
       if (currentLocale !== 'en') {
         // Remove /docs/{locale} prefix, keeping the leading slash
@@ -119,6 +120,9 @@ export function transformSearchItems(items, options) {
           url = pathname;
         }
       }
+
+      // Append the hash back to the URL
+      url += hash;
     } catch (e) {
       // If URL parsing fails, assume it's already a relative path
       // and use the original transformation logic as fallback

src/theme/SearchPage/index.js

@@ -215,11 +215,12 @@ function SearchPageContent() {
                     // For non-English locales, the baseUrl is /docs/{locale}/
                     // Algolia returns URLs like /docs/{locale}/path
                     // We need to make them relative: path (without leading slash)
-                    // Parse the URL to safely extract the pathname
+                    // Parse the URL to safely extract the pathname and hash
                     let processedUrl = url;
                     try {
                         const urlObj = new URL(url);
                         const pathname = urlObj.pathname;
+                        const hash = urlObj.hash;
 
                         if (currentLocale !== 'en') {
                             const prefix = `/docs/${currentLocale}`;
@@ -236,6 +237,9 @@ function SearchPageContent() {
                                 processedUrl = pathname;
                             }
                         }
+
+                        // Append the hash back to the URL
+                        processedUrl += hash;
                     } catch (e) {
                         // Fallback to original logic if parsing fails
                         if (currentLocale !== 'en') {