bug: ion-picker column options overlapping

Bug Report

Ionic version:

[x] 4.3

Current behavior: AddEventListener to catch ionPickerColChange event, when a Column item changed, filter another column, but those itmes overlapping below is screen shot https://ibb.co/wKsPGWx

Expected behavior:

I try set selectedIndex = 0,still not work Steps to reproduce:

Related code:

    const picker =  await this.pickerCtrl.create({
      buttons: [{
        text: 'cancel',
      }, {text: 'ok', handler: (opt) => {
          const p = picker.getColumn('project')
              .then(data => {
                const index = data.selectedIndex;
                const grade = this.projectItems.items[index].grade;
                const param = {xmname: opt['project'].text,
                    grade: grade,
                    subject: opt['subject'].text,
                    tizuName: opt['tizu'].text,
                    tizuEnName: opt['tizu'].value,
                    fullHostName: window.location.hostname
                  };
                this.checkIsBackScore(param);
              });
        }}],
      columns: [
        {
          name: 'project',
          selectedIndex: 0,
          options: this.projects
        },
        {
          name: 'subject',
          selectedIndex: 0,
          options: this.subjects
        },
        {
          name: 'tizu',
          selectedIndex: 0,
          options: this.tiZus
        }
      ],
      // mode: 'ios'
    });
    picker.addEventListener('ionPickerColChange', async (event: any) => {
      const data = event.detail;
      if (data.name === 'project') {
        const curIndex = data.selectedIndex;

        this.subjects = [];
        Promise.all((data.options[curIndex] as PickerColumnOption).value.map((item) => {
          this.subjects.push({text: item.name, value: item.items, duration: 0, selected: true, disabled: false});
        }));

        this.tiZus = [];
        if (this.subjects.length > 0) {
          Promise.all(this.subjects.map((item) => {
            this.tiZus.push({text: (item as TizuItem).tizu_name, value: (item as TizuItem).tizu_enname, duration: 0,
              selected: true, disabled: false});
          }));
        }

        const columns = [];
        columns.push({name: 'project', selectedIndex: curIndex, options: this.projects, optionsWidth: '100px'});
        columns.push({name: 'subject', selectedIndex: 0, options: this.subjects, optionsWidth: '100px'});
        columns.push({name: 'tizu', selectedIndex: 0, options: this.tiZus, align: 'right', optionsWidth: '100px'});
        picker.columns = columns;


      } 
    });
    picker.present();

Other information:

Ionic info:

insert the output from ionic info here

[pppp0836]

Hi liamdebeasi, Can we hold this issue,Because I will go out for a few days,Thank you

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.