Ionic 6: back button doesn't appear in IOS

Ionic Framework Ionic Angular
1

Hi all,
I use this code to show a back button in all app pages:

<ion-header>
  <ion-toolbar>
      <ion-buttons slot="end">
        <img class="logo-image" alt="logo" [src]="logoSrc"/>
      </ion-buttons>
      <ion-buttons slot="start">
        <ion-button app-location-back fill="clear">
          <ion-icon name="arrow-back" slot="icon-only"></ion-icon>
       </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

And I have this directive:

import {Directive, HostListener} from '@angular/core';
import {Location} from '@angular/common';

@Directive({
  selector: '[app-location-back]'
})
export class LocationBackDirective {
  constructor(private location: Location) { }

  @HostListener('click', ['$event'])
  clickEvent(event) {
    event.preventDefault();
    event.stopPropagation();
    this.location.back();
  }
}

It works fine in android and I see a white back button. but it doesn’t appear in IOS.
Is that related to status bar?
Please advise.