Merged in task/dspace-cris-2023_02_x/DSC-1745 (pull request DSpace#1816)

Task/dspace cris 2023 02 x/DSC-1745

Approved-by: Andrea Barbasso

Author: Simone-Ramundi

src/app/app.component.html

@@ -1,3 +1,5 @@
 <ds-themed-root
   [shouldShowFullscreenLoader]="(isAuthBlocking$ | async) || (isThemeLoading$ | async)"
   [shouldShowRouteLoader]="isRouteLoading$ | async"></ds-themed-root>
+
+<ds-social *ngIf="browserPlatform"></ds-social>

src/app/app.component.ts

@@ -61,6 +61,12 @@ export class AppComponent implements OnInit, AfterViewInit {
    */
   idleModalOpen: boolean;
 
+
+  /**
+   * In order to show sharing component only in csr
+   */
+  browserPlatform = false;
+
   constructor(
     @Inject(NativeWindowService) private _window: NativeWindowRef,
     @Inject(DOCUMENT) private document: any,
@@ -78,11 +84,12 @@ export class AppComponent implements OnInit, AfterViewInit {
     private datadogRumService: DatadogRumService
   ) {
     this.notificationOptions = environment.notifications;
+    this.browserPlatform = isPlatformBrowser(this.platformId);
 
     /* Use models object so all decorators are actually called */
     this.models = models;
 
-    if (isPlatformBrowser(this.platformId)) {
+    if (this.browserPlatform) {
       this.trackIdleModal();
     }
 

src/app/app.module.ts

@@ -32,6 +32,7 @@ import { StoreDevModules } from '../config/store/devtools';
 import { RootModule } from './root.module';
 import { NuMarkdownModule } from '@ng-util/markdown';
 import { FooterModule } from './footer/footer.module';
+import { SocialModule } from './social/social.module';
 
 export function getConfig() {
   return environment;
@@ -120,10 +121,11 @@ const EXPORTS = [
 ];
 
 @NgModule({
-  imports: [
-    BrowserModule.withServerTransition({ appId: 'dspace-angular' }),
-    ...IMPORTS
-  ],
+    imports: [
+        BrowserModule.withServerTransition({appId: 'dspace-angular'}),
+        ...IMPORTS,
+        SocialModule
+    ],
   providers: [
     ...PROVIDERS
   ],

src/app/root/root.component.html

@@ -25,7 +25,6 @@
   </div>
 </div>
 
-<ds-social *ngIf="browserPlatform"></ds-social>
 
 <ds-notifications-board [options]="notificationOptions">
 </ds-notifications-board>

src/app/social/social.component.scss

@@ -1,7 +1,8 @@
-:host {
+::ng-deep {
   div#a2a {
     bottom: 0;
     right: 0;
+    z-index: 998;
   }
 }
 

src/app/social/social.service.ts

@@ -63,7 +63,21 @@ export class SocialService {
     script.type = 'text/javascript';
     script.src = environment.addToAnyPlugin.scriptUrl;
     script.async = true;
-    this._document.body.appendChild(script);
+
+    // Wait for document to finish grow vertically so that script listener handles properly body height changes
+    let lastBodyHeight = 0;
+    const documentBody = this._document.body;
+
+    const bodyHeightInterval = setInterval(() => {
+      const currentBodyHeight = documentBody.getBoundingClientRect().height;
+
+      if (currentBodyHeight > lastBodyHeight) {
+        lastBodyHeight = currentBodyHeight;
+      } else {
+        this._document.head.appendChild(script);
+        clearInterval(bodyHeightInterval);
+      }
+    }, 200);
   }
 
   /**