z-index not respected

[fpcuriosity]

I'm using the plugin to build an Ionic application with Cordova 9.

I'm having troubles getting the z-index set in the css to be respected. What it seems to me is that the last stream to connect to the session will always go on top of the other already existing streams.

My setup is very simple and I'm trying to have the publisher stream always on top of the subscriber stream. The code goes like this.

About CSS:

#videos {
  position: relative;
  width: 100%;
  height: 100%;
}

#publisher {
  position: absolute;
  height: 360px;
  width: 240px;
  bottom: 10px;
  left: 10px;
  z-index: 10;
}

#subscriber {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 20;
}

About HTML:

<div id="videos">
    <div id="subscriber"></div>
    <div id="publisher"></div>
</div>

Thanks for your support!