Ionic Angular ion-content inner-scroll has zero peak on iOS stopping scrolling – all customary fixes tried

I’ve an Ionic Angular utility the place scrolling is totally damaged on iOS (Safari, Firefox, Edge – all WebKit-based). Desktop browsers work completely. The diagnostic proof exhibits that the .inner-scroll factor inside ion-content‘s shadow DOM has fully collapsed to zero peak.

Setting

• Ionic: with Angular standalone elements

• Platform: iOS (all browsers)

• Standing: Desktop works high-quality, iOS fully damaged

• Conduct: Can solely “wiggle” content material just a few pixels, no precise scrolling

Present Setup

Template:

html

Related International CSS:

scss

ion-content {
  --background: var(--ion-background-color);
  --color: var(--ion-text-color);
  --padding-bottom: 130px;
  overscroll-behavior: include;
  touch-action: pan-y;
  -webkit-overflow-scrolling: contact;
}

Platform-specific CSS (responsive.scss):

scss

physique.ios ion-content {
  --offset-bottom: auto !vital;
  --overflow: auto;  // Modified from 'hidden'
}

Fixes Already Tried (None Labored)

• modified --overflow from hidden to auto

• Outcome: no change, peak nonetheless 0.

• Added runtime viewport peak calculation

• No change, peak nonetheless 0

• Eliminated all z-index: -1

• No change

• Ensured [fullscreen]=”true” on all pages

• No change

• Elevated –padding-bottom

• No change

Questions

1. What might trigger Ionic’s .inner-scroll factor to have zero peak on iOS when the mum or dad ion-content has correct peak?

2. Are there identified iOS-specific points with Ionic’s shadow DOM scroll implementation?

3. What else ought to I examine? Potential areas:

   • Template construction (wrapper parts round ion-content?)

   • Flexbox format chain points?

   • JavaScript lifecycle hooks manipulating format?

   • Ionic configuration for standalone elements?

4. Has anybody encountered this particular symptom (0 peak inner-scroll) on iOS and located an answer?

Minimal Copy

All affected pages observe this construction:

html

  
    Web page Title
  



  

Works completely on desktop, fully damaged on iOS (all browsers).

What I Want

• Understanding of why .inner-scroll would collapse to 0 peak

• Diagnostic steps to establish what’s constraining the peak

• Options past the usual fixes I’ve already tried

• Any iOS-specific Ionic gotchas I is perhaps lacking

This blocks all iOS customers from utilizing the applying. Any assist can be drastically appreciated!