Cannot interact with a button inside ion-item when there's also an ion-select

I have an ion-item that has both an ion-select and an ion-button within it:

HTML

      <ion-card>
        <ion-item>
          <ion-label>Leadership:</ion-label>
          <ion-select
            formControlName="leadershipRating"
            class="status-selector"
            interface="popover"
          >
            <ion-select-option value="above-expected"
              >Above Expected</ion-select-option
            >
            <ion-select-option value="Expected">Expected</ion-select-option>
            <ion-select-option value="below-expected">Below Expected</ion-select-option>
          </ion-select>
          <ion-button item-right (click)="toggleComment($event, 'leadership')" color="primary">
              <ion-icon name="document"></ion-icon>
            </ion-button>
          </ion-item>
        <ion-item *ngIf="show.leadership">
          <ion-label>Note:</ion-label>
          <ion-input
            formControlName="leadershipNote"
            type="text"
            placeholder="Required for rating other than Expected"
          ></ion-input>
        </ion-item>
      </ion-card>

TS

  toggleComment($event, category) {
    console.log('toggle comment');
    this.show[category] = !this.show[category];
  }

It looks like this:

But I can’t click the button at all. Any clicks, anywhere inside the ion-item triggers the ion-select to pick an option. Even with the (click) set on the button it never triggers at all.

In the past such things would trigger both the button and the select and I’d use stopPropagation to make sure a click on the button only triggers that. But now the button does nothing.

If I move the button outside of the ion-item that has the ion-select then the button clicks the way its supposed . But then of course its no longer to right of the select but on a new line (which I don’t want).

ionic info:

Ionic:

Ionic CLI : 5.2.3 (/Users/jeffreyleigh/.nvm/versions/node/v10.15.3/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.6.2
@angular-devkit/build-angular : 0.7.4
@angular-devkit/schematics : 0.7.4
@angular/cli : 6.1.4
@ionic/angular-toolkit : 2.0.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

cordova-res : 0.5.2 (update available: 0.6.0)
native-run : 0.2.7 (update available: 0.2.8)

System:

ios-deploy : 1.9.2
NodeJS : v10.15.3 (/Users/jeffreyleigh/.nvm/versions/node/v10.15.3/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.3 Build version 10G8