fix: Select component on hover shows invalid title/tooltip 15752

[Bhas-kar]

Closes #15752

Fixed the invalid title/no title in Select component on hovering

Changelog

New

• The default title for the component was not being set correctly, hence used useState to set the title by the default or the selectedItem value. onChange updates these title values.

Changed

To address the issue, the fix implements the following logic.

• Prioritised Default Value: The code now first attempts to find a child option whose value matches the defaultValue prop. If found, this option's value is used as the default title.
• Fallback to Selected/First Option: If no matching defaultValue is found, it falls back to using the value which is already selected, essentially the first in the valueSet, as the default title. This ensures that a title is always set.

Removed

• None

Testing / Reviewing

• Hover on Select component, it should show the selected Option as tooltip

• If there's no option selected, tooltip should not show

[github-actions]

Thanks for your submission! We ask that you all sign our Developer Certificate of Origin before we can accept your contribution. You can sign the DCO by adding a comment below using this text:

---

I have read the DCO document and I hereby sign the DCO.

---

1 out of 2 committers have signed the DCO.
✅ (kennylam)[https://github.com/kennylam]
❌ @kanchi Bhaskar
Kanchi Bhaskar seems not to be a GitHub user. You need a GitHub account to be able to sign the DCO. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You can retrigger this bot by commenting recheck in this Pull Request. Posted by the DCO Assistant Lite bot.}

[Bhas-kar]

I have read the DCO document and I hereby sign the DCO.

[Bhas-kar]

recheck

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	f90d100
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/67c5f26de1a9c60008bb6e1a
😎 Deploy Preview	https://deploy-preview-18740--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Bhas-kar]

recheck