Ion select items cropped


#1

I have an ion option that will display a list,

my problem when the list is composed by many items, the name of the items get cropped, in this exemple it should display TestTaieb.

like this:

enter image description here

Test.html

  <ion-item *ngIf="test.length === 1" class="card test-select">
    <ion-select interface="popover" [(ngModel)]="selectedId">
      <ion-option item-right *ngFor="let test of tests" [value]="test._id">{{ test.name }}</ion-option>
    </ion-select>
  </ion-item>

test.css

page-test  .test-select{
  flex: 9;
  height: 100%;
  max-height: 50px; 
  max-width: 350px;
  background-color: #F6F7FF;
}