docs(docs-infra): fix navigation between API pages (angular#57492)

PR Close angular#57492

adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.ts

@@ -11,7 +11,7 @@ import {
   ChangeDetectionStrategy,
   Component,
   DestroyRef,
-  EnvironmentInjector,
+  Injector,
   OnInit,
   ViewChild,
   afterNextRender,
@@ -56,6 +56,7 @@ export default class ApiReferenceDetailsPage implements OnInit, AfterViewInit {
   private readonly router = inject(Router);
   private readonly scrollHandler = inject(ReferenceScrollHandler);
   private readonly appScroller = inject(AppScroller);
+  private readonly injector = inject(Injector);
 
   ApiItemType = ApiItemType;
 
@@ -96,7 +97,7 @@ export default class ApiReferenceDetailsPage implements OnInit, AfterViewInit {
       )
       .subscribe((doc: DocContent | undefined) => {
         this.setContentForPageSections(doc);
-        this.setActiveTab();
+        afterNextRender(() => this.setActiveTab(), {injector: this.injector});
       });
   }
 

adev/src/app/features/references/services/reference-scroll-handler.service.ts

@@ -102,6 +102,11 @@ export class ReferenceScrollHandler implements OnDestroy {
     fromEvent(tocContainer, 'click')
       .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe((event) => {
+        if (event.target instanceof HTMLAnchorElement) {
+          event.stopPropagation();
+          return;
+        }
+
         // Get the card member ID from the attributes
         const target =
           event.target instanceof HTMLButtonElement
@@ -125,7 +130,12 @@ export class ReferenceScrollHandler implements OnDestroy {
       }
       fromEvent(header, 'click')
         .pipe(takeUntilDestroyed(this.destroyRef))
-        .subscribe(() => {
+        .subscribe((event) => {
+          const target = event.target as HTMLElement;
+          if (target instanceof HTMLAnchorElement) {
+            return;
+          }
+
           this.router.navigate([], {fragment: card.id, replaceUrl: true});
         });
     });