Ionic 4 - Ion refresher bug

Hi, i notice a weird bug when using ion-refresher in Ionic 4…

As you can see when you drag appears a black block on the place where the refresher should be.
After a little styling i discover this is a css problem that can be walkaround adding:

ion-content {
	background-color: #fff;

.inner-scroll.scroll-y {
	z-index: 2;

The problem is the last part as innerscroll element is inside ShadowDom and it can’t be styled.

Any ideas?

Can you show your html?

Sure, it happends on the app i’m working on and in this raw template too:


<ion-content padding>
  <ion-refresher slot="fixed">
  The world is your oyster.
  <p>If you get lost, the <a target="_blank" rel="noopener" href="">docs</a> will be your guide.</p>

Can you put some text in the refresher-content?

Maybe that causes the black bar.


Still the same, even if i add the ion refresh function call:

Other idea: can you test is outside of Ionic Lab?
http://localhost:8100 should get you there.

We are getting warmer, the black background disappear but the z-index problem is still there (but it should work with ionic lab, i suppose this is a real bug)

I tried in a different browser but the problem is still there.

I think i have the same Issue. Could you please create a Issue on github?

Was this resolved?
I’m getting the same error on the last ionic release