create directive to disable scroll reset - 1st attempt

Sage-Bionetworks · Oct 2, 2023 · 219fcdc · 219fcdc
1 parent 31b4941
commit 219fcdc
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/apps/openchallenges/app/src/app/app.config.ts b/apps/openchallenges/app/src/app/app.config.ts
@@ -49,7 +49,7 @@ export const appConfig: ApplicationConfig = {
       routes,
       withEnabledBlockingInitialNavigation(),
       withInMemoryScrolling({
-        // scrollPositionRestoration: 'top',
+        scrollPositionRestoration: 'top',
       })
     ),
   ],

diff --git a/libs/openchallenges/challenge-search/src/lib/challenge-search.component.html b/libs/openchallenges/challenge-search/src/lib/challenge-search.component.html
@@ -1,4 +1,4 @@
-<main class="base mat-typography">
+<main sageDisableScrollPositionRestoration class="base mat-typography">
   <section id="search-top">
     <div id="title" class="row">
       <div class="col col-10">

diff --git a/libs/openchallenges/challenge-search/src/lib/challenge-search.component.ts b/libs/openchallenges/challenge-search/src/lib/challenge-search.component.ts
@@ -85,7 +85,10 @@ import { DropdownModule } from 'primeng/dropdown';
 import { InputTextModule } from 'primeng/inputtext';
 import { PanelModule } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
-import { SeoService } from '@sagebionetworks/shared/util';
+import {
+  DisableScrollPositionRestorationDirective,
+  SeoService,
+} from '@sagebionetworks/shared/util';
 import { getSeoData } from './challenge-search-seo-data';
 
 @Component({
@@ -109,6 +112,7 @@ import { getSeoData } from './challenge-search-seo-data';
     ChallengeCardComponent,
     CheckboxFilterComponent,
     SearchDropdownFilterComponent,
+    DisableScrollPositionRestorationDirective,
   ],
   templateUrl: './challenge-search.component.html',
   styleUrls: ['./challenge-search.component.scss'],

diff --git a/libs/shared/typescript/util/src/lib/directives/index.ts b/libs/shared/typescript/util/src/lib/directives/index.ts
@@ -1,2 +1,3 @@
 export * from './app-shell-no-render.directive';
 export * from './app-shell-render.directive';
+export * from './disable-scroll-position-restoration.directive';