bug: refresher not visible when content has fullscreen attribute #18714
Description
Bug Report
Ionic version:
[x] 4.x
Current behavior:
ion-refresher is not visible when content has fullscreen attribute.
Expected behavior:
ion-refresher should be visible when dragging content down, even if content has a fullscreen attribute.
Steps to reproduce:
<ion-content fullscreen>
<ion-refresher>
<ion-refresher-content></ion-refresher-content>
</ion-refresher>
<ion-list>
<ion-item>
<ion-label>Pokémon Yellow</ion-label>
</ion-item>
<ion-item>
<ion-label>Mega Man X</ion-label>
</ion-item>
<ion-item>
<ion-label>The Legend of Zelda</ion-label>
</ion-item>
<ion-item>
<ion-label>Pac-Man</ion-label>
</ion-item>
<ion-item>
<ion-label>Super Mario World</ion-label>
</ion-item>
</ion-list>
</ion-content>Related code:
It seems to be some kind of z-index issue, since adding a higher value shows the refresher:
<ion-content fullscreen>
<ion-refresher style="z-index: 999">
<ion-refresher-content></ion-refresher-content>
</ion-refresher>
<ion-list>
<ion-item>
<ion-label>Pokémon Yellow</ion-label>
</ion-item>
<ion-item>
<ion-label>Mega Man X</ion-label>
</ion-item>
<ion-item>
<ion-label>The Legend of Zelda</ion-label>
</ion-item>
<ion-item>
<ion-label>Pac-Man</ion-label>
</ion-item>
<ion-item>
<ion-label>Super Mario World</ion-label>
</ion-item>
</ion-list>
</ion-content>Other information:
Related issues:
#10490
ionic-team/ionic-v3#256
Ionic info:
Ionic:
Ionic CLI : 5.2.1 (/Users/kim/.npm-global/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.6.1-dev.201907031812.d71c1cd
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1
Cordova:
Cordova CLI : 9.0.0
Cordova Platforms : android 8.0.0, ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 8 other plugins)
Utility:
cordova-res : 0.5.2
native-run : 0.2.7
System:
Android SDK Tools : 26.1.1 (/Users/kim/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 8.0.1
NodeJS : v10.15.0 (/usr/local/bin/node)
npm : 6.10.0
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001