bug(refresher): mode does not account for child pages with global mode set

[DwieDima]

bug(refresher): mode does not account for child pages with global mode set

[thetaPC]

Thank you for submitting the issue!

The issue is due to the RouterModule.forChild() setup in src/app/home/home-page.module.ts, it needs some adjustments to render the correct mode. You can use the code snippet below instead of your current one, and then you'll see that the ion-refresher will work properly, even if your page is nested inside other pages.

RouterModule.forChild([
  {
    path: '',
    component: HomePageComponent,
    children: [
      {
        path: 'detail',
        loadChildren: () => import('./home-page.module').then(m => m.HomePageModule)
      }
    ]
  }
])

If there are any other problems, please open a new issue.

[DwieDima]

Hi @thetaPC

thank you for your snippet!
After further investigation, this bug does not only occur on child pages, but also on all tab pages where only the first initialized tab is working.
I extended the stackblitz, where I also added the refresher to the radio tab.

1. open listen now tab
2. pull-to-refresh
3. refresh with md design works
4. switch to radio tab
5. pull-to-refresh
6. web refresher is visible

since this bug also occurs on sibling pages where it cannot fixed by router as you suggested, is it possible to reopen the ticket?

Bildschirmaufnahme.2024-03-14.um.12.06.39.mov

[thetaPC]

@DwieDima Please start a new issue just for this particular bug. We need each problem to have its own space so we can fix them properly. I highly recommend stripping the project down by removing the child pages since the new issue would focus on the tab pages. Thanks for understanding!