fix(select): hide notch cutout if no visible label provided

[liamdebeasi]

Issue number: N/A

---

What is the current behavior?

Brandy discovered a bug in input, textarea, and select where the notch cutout remains visible even when no visible label is provided. I fixed this for input in #27636 and for textarea in #27647.

<ion-select fill="outline" label-placement="stacked" value="select" aria-label="my select"></ion-select>

What is the new behavior?

• The notch cut out is hidden if no visible label is provided

Does this introduce a breaking change?

• Yes
• No

Other information

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[brandyscarney]

Looks good but I think your example in the description is wrong 🙂

[mapsandapps]

Works well. The notch cutout is still shown if you provide an empty string to label. I'm not sure if that's expected or not.

[liamdebeasi]

Looks good but I think your example in the description is wrong 🙂

Oops I used the textarea by mistake. Updated!

Works well. The notch cutout is still shown if you provide an empty string to label. I'm not sure if that's expected or not.

I think that's expected. We determine if a control has no label based on if the label prop is undefined or if [slot="label"] is null when doing a querySelector.