fix: disable broken header collapse on ios

Author: jfmcquade

src/app/feature/template/template.page.html

@@ -1,4 +1,4 @@
-<ion-content id="collapseOnScrollTargetScrollArea" [scrollEvents]="shouldEmitScrollEvents">
+<ion-content [scrollEvents]="shouldEmitScrollEvents">
   <plh-template-container
     *ngIf="templateName"
     [templatename]="templateName"

src/app/feature/template/template.page.ts

@@ -1,5 +1,6 @@
 import { Component, OnDestroy, OnInit } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
+import { Capacitor } from "@capacitor/core";
 import { FlowTypes, IAppConfig } from "data-models";
 import { Subscription } from "rxjs";
 import { AppConfigService } from "src/app/shared/services/app-config/app-config.service";
@@ -45,7 +46,11 @@ export class TemplatePage implements OnInit, OnDestroy {
   private subscribeToAppConfigChanges() {
     this.appConfigChanges$ = this.appConfigService.changesWithInitialValue$.subscribe(
       (changes: IAppConfig) => {
-        if (changes.APP_HEADER_DEFAULTS?.collapse !== undefined) {
+        // TODO: current header collapse implementation does not work on ios, so do not enable on this platform
+        if (
+          changes.APP_HEADER_DEFAULTS?.collapse !== undefined &&
+          Capacitor.getPlatform() !== "ios"
+        ) {
           this.shouldEmitScrollEvents = changes.APP_HEADER_DEFAULTS?.collapse;
         }
       }

src/app/shared/components/header/header.component.ts

@@ -132,16 +132,19 @@ export class headerComponent implements OnInit, OnDestroy {
    * If disabling dispose of previous scroll event listeners
    */
   private handleHeaderCollapseConfigChange(shouldCollapse: boolean) {
-    // If previously scroll events were subscribed then should be able to unsubscribe.
-    // If initial config change undefined->false can ignore
-    if (this.scrollEvents$) {
-      this.scrollEvents$.unsubscribe();
-      this.scrollEvents$ = undefined;
-      this.marginTop = "0px";
-      // unset height
-    }
-    if (shouldCollapse) {
-      this.listenToScrollEvents();
+    // TODO: current header collapse implementation does not work on ios, so do not enable on this platform
+    if (Capacitor.getPlatform() !== "ios") {
+      // If previously scroll events were subscribed then should be able to unsubscribe.
+      // If initial config change undefined->false can ignore
+      if (this.scrollEvents$) {
+        this.scrollEvents$.unsubscribe();
+        this.scrollEvents$ = undefined;
+        this.marginTop = "0px";
+        // unset height
+      }
+      if (shouldCollapse) {
+        this.listenToScrollEvents();
+      }
     }
   }