bug: select does not automatically dismiss when selecting an option when value is a number

[farisfaisalthena]

Prequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

When using ion-select with number values and using the popover interface, I will not be able to select anything. Using the default interface or action-sheet will only work. Besides that, if the value property is a string then it will not have this issue.

Expected Behavior

Regardless of the interface, when a value property is a number, I should be able to select them

Steps to Reproduce

    <ion-item lines="inset">
      <ion-label>Time (Select One)</ion-label>
      <ion-select interface="popover">
        <ion-select-option [value]="5">5</ion-select-option>
        <ion-select-option [value]="10">10</ion-select-option>
        <ion-select-option [value]="15">15</ion-select-option>
      </ion-select>
    </ion-item>

Code Reproduction URL

https://github.com/farisfaisalthena/starter-repo

Ionic Info

No response

Additional Information

No response

[averyjohnston]

Thanks for the report, I've resolved this via #23998 and the fix will be available in a future release of Ionic.

[ionitron-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.