fix(core/select): prevent list items to expand beyond screen width and add dropdown width properties

[AndreasBerliner]

💡 What is the current behavior?

• For drop-down items with longer texts, the item width can be larger than the available space.
• There is no way to set the width of the drop-down list.
• There is no way to set the maximum width of the drop-down list.

GitHub Issue Number: #1570

🆕 What is the new behavior?

• The default maximum width of drop-down list was set to 100%, which prevents the item width to be larger than the available space.
• A property to set the width of the drop-down list was introduced.
• A property to set the maximum width of the drop-down list was introduced.

🏁 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: 6dab386

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

This PR includes changesets to release 5 packages

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

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]

@AndreasBerliner

1. Start storybook
2. Open http://localhost:6006/?path=/story/example-select--editable-with-dropdown-width&args=dropdownMaxWidth:1000&globals=viewport:mobile1

Looks like select is still cut off on right side.

[matthiashader]

On editable mode, this behavior looks a little strange, eventually we could consider adapting the width also based on the content?

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud