fix(select): avoid duplicate dialogs and backdrops when clicking

[sean-perkins]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Rapidly clicking an ion-select can produce multiple ion-alert and backdrops. This is because the internal state flag is only set after the overlay is created (before presenting). You can produce this reliably by manually calling .click() multiple times on the same element reference.

Issue URL: #25126

What is the new behavior?

Sets the flag prior to the overlay being created, this prevents multiple alert/backdrops from being presented.

Does this introduce a breaking change?

• Yes
• No

Other information

Dev-build: 6.1.3-dev.11650650446.100eff34 🟨

[liamdebeasi]

Prior to merging let's also update the commit subject. Select doesn't only present alert dialogs, so the current message is confusing.

Maybe something like:

fix(select): avoid duplicate dialogs when clicking