Skip to main content
edited body
Source Link
Jay Douglass
  • 4.9k
  • 2
  • 31
  • 20

When you use interface="popover" you can set the nested ion-popover's interface options with [interfaceOptions]="...". To display the select options at full-width use size: 'cover'cover``:

<ion-select interface="popover" [interfaceOptions]="{size: 'cover'}"> </ion-select> 

See https://ionicframework.com/docs/api/popover#interfaces for more options.

When you use interface="popover" you can set the nested ion-popover's interface options with [interfaceOptions]="...". To display the select options at full-width use size: cover``:

<ion-select interface="popover" [interfaceOptions]="{size: 'cover'}"> </ion-select> 

See https://ionicframework.com/docs/api/popover#interfaces for more options.

When you use interface="popover" you can set the nested ion-popover's interface options with [interfaceOptions]="...". To display the select options at full-width use size: 'cover':

<ion-select interface="popover" [interfaceOptions]="{size: 'cover'}"> </ion-select> 

See https://ionicframework.com/docs/api/popover#interfaces for more options.

Source Link
Jay Douglass
  • 4.9k
  • 2
  • 31
  • 20

When you use interface="popover" you can set the nested ion-popover's interface options with [interfaceOptions]="...". To display the select options at full-width use size: cover``:

<ion-select interface="popover" [interfaceOptions]="{size: 'cover'}"> </ion-select> 

See https://ionicframework.com/docs/api/popover#interfaces for more options.