Buttons in start area displaying at the end area in Modals in Android 2


#1

I have a modal with the following html template:

<ion-header>
  <ion-navbar>
    <ion-buttons start>
      <button ion-button icon-only (click)="dismiss()">
        <ion-icon name="close"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>
      Add Todo
    </ion-title>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name="trash"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

When the modal pops up, the “Close” button is displayed at the end, just before the trash icon, and not before the “Add Todo” title.

Is this behavior by design for the modals? What am I missing?

Anticipated thanks!