Ion-select popover and automatically show next popover


#1

I have an issue where I have multiple ion selects and they are close so the user can get to them quickly for fast data entry.

The issue is that the once the user has selected an item, they want to then quickly select the next one, now currently it seems slow because you have to wait for the popover to be fully completed before you can select anything else on the view.

Is it possible to do the following:

After the popover close animation has started, instantly dismiss it so that the next select box can be selected, rather than having to wait for the popover to disappear.

Or the more preferable solution, when selecting an option from the ion select, automatically display the next ion select popover.

chrome_2017-12-08_10-48-37

Cheers,

Dan


#2

<ion-select id=“containerUnit” (ionBlur)=“onBlur(formType.ContainerUnit)”>

onBlur(formType) {

if (this.hasChanged) {
  setTimeout(() => {

    switch (formType) {
      case FormTypeEnum.WasteStream:
        document.getElementById('containerType').click();
        break;

      case FormTypeEnum.ContainerType:
        document.getElementById('containerSize').click();
        break;

      case FormTypeEnum.ContainerSize:
        document.getElementById('containerUnit').click();
        break;

      case FormTypeEnum.ContainerUnit:
        break;
    }
  }, 0)
}

This is how I got around it in the end, I tried to use the viewChild and the inbuilt show method, but it was always defaulting to an alert, even though popover was specified.