Issue With Ioinc Select

I have this issue with the ion select as you can see from the image the happen when I change the direction of the app to rtl in index.html and I was hoping that there is solution to my problem

 <ion-item>
    <ion-label class="label"> City</ion-label>
  <ion-select [(ngModel)]="cityname"(ionChange)="getCity()" >
  <ion-option class="option" *ngFor="let city of City" value='{{city.cityid}}' >{{city.cityid}}</ion-option>
  </ion-select>
   </ion-item>

38 PM

@Nouf You can try like this

<ion-item>
    <ion-label class="label"> City</ion-label>
  <ion-select [(ngModel)]="cityname"#C (ionChange)="getCity(C.value)"" >
  
 <ion-option *ngFor="let city of City" [value] = "city.cityid">'{{city.cityid}}</ion-option>
  </ion-select>
   </ion-item>

it doesn’t seem to be working for me