Increase the size of popover from ion - select

Ionic Framework ionic-v3
1

I have a array that i as showing using ion select, user need to select value from it (and can select only one value)

image
image1366×768 54.9 KB

But when my ion select popover comes up, the popover screen is so small that it can’t show my values from array propely
image
image1366×768 60.3 KB

When I am done selecting, and popover is close, the values are displaying correctly
image
image1366×768 55.3 KB

So how to increase the popover of ion select? I want to make its width to screen - width
Here is my html code:

<ion-title>Header</ion-title>

X Inventory Management System

Select Branch Name

<ion-item>

  <ion-label>Operating System</ion-label>

  <ion-select ok-text="Okay" cancel-text="Nah">

    <div *ngFor="let companyName of allCompaniesName">

      <ion-select-option value={{companyName}}>{{companyName}}</ion-select-option>

    </div>

  </ion-select>

</ion-item>
Select Financial Year
<ion-item>

  <ion-label>Operating System</ion-label>

  <ion-select ok-text="Okay" cancel-text="Nah" fullscreen>

    <div *ngFor="let yearDescription of allYearsDescription">

      <ion-select-option value={{yearDescription}}>{{yearDescription}}</ion-select-option>

    </div>

  </ion-select>

</ion-item>

Next

<ion-title>Footer</ion-title>
2

That is one component that really, really, really needs a desktop version. You might want to look at using the material component in its place or using a traditional HTML component instead.