changed behavior of anchor tag with href starting with hash (#47851)

Author: surayya-MS

src/Components/Web.JS/src/Services/NavigationManager.ts

@@ -90,10 +90,6 @@ export function attachToEventDelegator(eventDelegator: EventDelegator): void {
 
     if (anchorTarget && canProcessAnchor(anchorTarget)) {
       let anchorHref = anchorTarget.getAttribute('href')!; 
-      if (anchorHref.startsWith('#')) {
-        // Preserve the existing URL but set the hash to match the link that was clicked
-        anchorHref = `${location.origin}${location.pathname}${location.search}${anchorHref}`;
-      }
 
       const absoluteHref = toAbsoluteUri(anchorHref);     
 

src/Components/test/E2ETest/Tests/RoutingTest.cs

@@ -1547,7 +1547,7 @@ public void CanNavigateBetweenPagesWithQueryStrings()
     }
 
     [Fact]
-    public void AnchorWithHrefStartingWithHash_ScrollsToElementWithIdOnTheSamePage()
+    public void AnchorWithHrefContainingHashSamePage_ScrollsToElementWithIdOnTheSamePage()
     {
         SetUrlViaPushState("/");
         var app = Browser.MountTestComponent<TestRouter>();
@@ -1563,7 +1563,7 @@ public void AnchorWithHrefStartingWithHash_ScrollsToElementWithIdOnTheSamePage()
     }
 
     [Fact]
-    public void AnchorWithHrefContainingHash_NavigatesToPageAndScrollsToElementWithName()
+    public void AnchorWithHrefContainingHashAnotherPage_NavigatesToPageAndScrollsToElementWithName()
     {
         SetUrlViaPushState("/");
         var app = Browser.MountTestComponent<TestRouter>();

src/Components/test/testassets/BasicTestApp/RouterTest/LongPageWithHash.razor

@@ -1,9 +1,9 @@
 @page "/LongPageWithHash"
 @inject NavigationManager NavigationManager
 
-<a id="anchor-test1" href="#test1">Go to test1 on this page</a>
+<a id="anchor-test1" href="LongPageWithHash#test1">Go to test1 on this page</a>
 <br/>
-<a id="anchor-test2" href="/subdir/LongPageWithHash2#test2">Go to test2 on LongPageWithHash2 page</a>
+<a id="anchor-test2" href="LongPageWithHash2#test2">Go to test2 on LongPageWithHash2 page</a>
 <br />
 <button id="navigate-test1" class="btn btn-primary" @onclick="GoToTest1">NavigationManager.NavigatteTo same page #test1</button>
 <br />
@@ -22,11 +22,11 @@
 @code {
     void GoToTest1()
     {
-        NavigationManager.NavigateTo("/subdir/LongPageWithHash#test1");
+        NavigationManager.NavigateTo("LongPageWithHash#test1");
     }
 
     void GoToTest2()
     {
-        NavigationManager.NavigateTo("/subdir/LongPageWithHash2#test2");
+        NavigationManager.NavigateTo("LongPageWithHash2#test2");
     }
 }