Fixed position elements break with ion-refresher

In Safari, an element with position:fixed inside <ion-content> behaves like absolute position - it is placed relative to the ion-content (instead of the viewport) and it scrolls with the content.

After trying for too long to figure out this weird behavior, I realized that when I remove the <ion-refresh> element (with slot=“fixed”) it works as expected.

Is this a bug? Is there a workaround?

1 Like

Hello,

I encounter the exact same bug in Safari (on desktop) and in IOS.
There is not problem in Chrome (on desktop) and in Android.

I see that this is related to the translateZ that is used with the refresher.

Do you maybe found a fix?

Could someone help us to fix this?

Thanks :slight_smile: