Make ion-header display on top of ion-popover backdrop


I want to use an ion-popover with showBackdrop set to true, but the backdrop covers my ion-header control and the ion-col’s buttons within, darkening them along with the rest of the page. As a result, if showBackdrop is true, the ion-popover control stands out awkwardly from the ion-header from which it’s created.

Is there any way I can either:

  • Make ion-header display on top of the ion-popover’s backdrop and the rest of the page’s contents, or
  • Make ion-popover’s backdrop not cover my ion-header, but still cover the rest of the page?


Possibly related, but haven’t had a chance to try yet: How can I keep elements on top of a backdrop?