feat(aio): scrolling tweaks per PR#16619

aio/src/app/app.component.html

@@ -24,7 +24,7 @@
   </md-sidenav>
 
   <section class="sidenav-content" [id]="pageId" role="content">
-    <a id="top-of-page"></a>
+    <div id="top-of-page"></div>
     <aio-doc-viewer [doc]="currentDocument" (docRendered)="onDocRendered()"></aio-doc-viewer>
     <aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
   </section>

aio/src/app/embedded/toc/toc.component.html

@@ -1,7 +1,7 @@
 <div *ngIf="hasToc" [class.closed]="isClosed">
   <div *ngIf="!hasSecondary" class="toc-heading">Contents</div>
   <div *ngIf="hasSecondary" class="toc-heading secondary"
-      (click)="toggle()"
+      (click)="toggle(false)"
       title="Expand/collapse contents"
       aria-label="Expand/collapse contents">
       <p>Table of Contents<button type="button" class="toc-show-all material-icons" [class.closed]="isClosed"></button></p>

aio/src/app/embedded/toc/toc.component.spec.ts

@@ -178,16 +178,10 @@ describe('TocComponent', () => {
           expect(tocComponent.isClosed).toEqual(true);
         });
 
-        it('should scroll after clicking again', () => {
+        it('should not scroll after clicking again', () => {
           page.tocHeadingButton.nativeElement.click();
           fixture.detectChanges();
-          expect(scrollSpy).toHaveBeenCalled();
-        });
-
-        it('should be "closed" after clicking tocMoreButton', () => {
-          page.tocMoreButton.nativeElement.click();
-          fixture.detectChanges();
-          expect(tocComponent.isClosed).toEqual(true);
+          expect(scrollSpy).not.toHaveBeenCalled();
         });
       });
 
@@ -216,16 +210,16 @@ describe('TocComponent', () => {
           expect(tocComponent.isClosed).toEqual(true);
         });
 
-        it('should scroll after clicking again', () => {
+        it('should be "closed" after clicking tocHeadingButton', () => {
           page.tocMoreButton.nativeElement.click();
           fixture.detectChanges();
-          expect(scrollSpy).toHaveBeenCalled();
+          expect(tocComponent.isClosed).toEqual(true);
         });
 
-        it('should be "closed" after clicking tocHeadingButton', () => {
-          page.tocHeadingButton.nativeElement.click();
+        it('should scroll after clicking again', () => {
+          page.tocMoreButton.nativeElement.click();
           fixture.detectChanges();
-          expect(tocComponent.isClosed).toEqual(true);
+          expect(scrollSpy).toHaveBeenCalled();
         });
       });
     });

aio/src/app/embedded/toc/toc.component.ts

@@ -51,8 +51,8 @@ export class TocComponent implements OnInit, OnDestroy {
     this.onDestroy.next();
   }
 
-  toggle() {
+  toggle(canScroll = true) {
     this.isClosed = !this.isClosed;
-    if (this.isClosed) { this.scrollService.scrollToTop(); }
+    if (canScroll && this.isClosed) { this.scrollService.scrollToTop(); }
   }
 }

aio/src/app/shared/scroll.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, Inject, InjectionToken } from '@angular/core';
+import { Injectable, Inject } from '@angular/core';
 import { PlatformLocation } from '@angular/common';
 import { DOCUMENT } from '@angular/platform-browser';