fix(core/select): reset input text on blur

[ridvandmrc]

user DOM manipulation to update it

💡 What is the current behavior?

Label is not visible if text is removed from input.

GitHub Issue Number: Closes #1191

🆕 What is the new behavior?

• Now the label is visible if the item selected

🏁 Checklist

A pull request can only be merged if all of these conditions are met (where applicable):

• 🦮 Accessibility (a11y) features were implemented
• 🗺️ Internationalization (i18n) - no hard coded strings
• 📲 Responsiveness - components handle viewport changes and content overflow gracefully
• 📄 Documentation was reviewed/updated (pnpm run docs)
• 🧪 Unit tests were added/updated and pass (pnpm test)
• 📸 Visual regression tests were added/updated and pass (Guide)
• 🧐 Static code analysis passes (pnpm lint)
• 🏗️ Successful compilation (pnpm build, changes pushed)

👨‍💻 Help & support

[changeset-bot]

🦋 Changeset detected

Latest commit: 5739df9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@siemens/ix	Patch
@siemens/ix-angular	Patch
@siemens/ix-react	Patch
@siemens/ix-vue	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[danielleroux]

🙋‍♂️ Please don't ignore the checklist of the pull request after you already checked the points. There is no testcase added.

[ridvandmrc]

🙋‍♂️ Please don't ignore the checklist of the pull request after you already checked the points. There is no testcase added.

Done 👍

[jul-lam]

Upon review, I identified a minor error. When the select component is utilized with the editable property set to true, the add field fails to reset.

Code:

<ix-select editable value="1">
  <ix-select-item label="Item 1" value="1"></ix-select-item>
  <ix-select-item label="Item 2" value="2"></ix-select-item>
  <ix-select-item label="Item 3" value="3"></ix-select-item>
  <ix-select-item label="Item 4" value="4"></ix-select-item>
</ix-select>

[ridvandmrc]

Upon review, I identified a minor error. When the select component is utilized with the editable property set to true, the add field fails to reset.

Hi @danielleroux, @jul-lam
I don't quite understand the issue, after you click the outside it resets the input, If you select the new item also it is working as expected. can you please share the requirement ?

[jul-lam]

Hi @ridvandmrc

In the given example, the 'add' field (+ abc) does not reset. This issue only arises when the ix-select is used in 'editable'. The requirement for 'editable' is to add a new value by clicking the + {NEW VALUE} button, which appears when a novel value is entered. However, the current problem is that this field remains even if the value is reset by clicking outside. For instance, in the example above, the field + abc persists even after resetting to Item 4. In this case no 'add' field should be visible, since Item 4 is not a novel value.

[ridvandmrc]

Hi @jul-lam ,
I see, I have just updated the PR, you can check it again.

[jul-lam]

Thank you, it looks good! Nonetheless, could you please add one more test for the editable case.

[ridvandmrc]

Thank you, it looks good! Nonetheless, could you please add one more test for the editable case.

Hi @jul-lam @danielleroux ,
New test cases are added related editable select .

[jul-lam]

Thanks for adding the tests.