Ionic-framework: [Bug] fullscreen + ion-refresher hides refresh

[AmitMY]

Ionic version: (check one with "x")
[ ] 1.x
[x] 2.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:
When having a ion-content with fullscreen, and an ion-refresher the refresher is hidden behind the header

Expected behavior:
The refresher must always appear just below the header

Steps to reproduce:

• Use this demo: https://github.com/driftyco/ionic/tree/dbfc183cac036099603f9e51611bfccbc900a08b/demos/src/refresher
• Add fullscreen to ion-content

Related code:

<ion-content fullscreen>
    <ion-refresher (ionRefresh)="refreshList($event)">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
</ion-content>

Other information:
Motivation:
Having a list you can pull down to refresh, or pull up and hides the header

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

 ordova CLI: 6.4.0
Ionic Framework Version: 2.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.1
Xcode version: Not installed

[jgw96]

Hello, thanks for opening an issue with us, we will look into this (:

[mhartington]

Hmm, I'm not able to replicate this locally.
Are you seeing it specifically on a device or in the browser?

[AmitMY]

Both.
I used the header scroll example
Though even though I removed the scroll and was left with fullscreen the bug persisted.

On Feb 22, 2017, at 17:40, Mike Hartington [e-mail] wrote:

Hmm, I'm not able to replicate this locally.
Are you seeing it specifically on a device or in the browser?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.

[shawnlan]

Same issue. When pulling down, I can see the refresher, but during refreshing, it is hidden.

[airstep]

+1 @mhartington on device

[shawnlan]

I remembered I used transparent for the background color as a workaround.

[elmartino]

Same here.. have a background image in header, so transparent not working..

[dimitri320]

Same here, hides refresher in the browser and on the device.

[inikolin]

Did anyone find workaround for this issue?

[ionitron-bot[bot]]

This issue has been automatically identified as an Ionic 3 issue. We recently moved Ionic 3 to its own repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

If I've made a mistake, and if this issue is still relevant to Ionic 4, please let the Ionic Framework team know!

Thank you for using Ionic!

[ionitron-bot[bot]]

Issue moved to: https://github.com/ionic-team/ionic-v3/issues/256