fix: sd-combobox mobile visual issues

[martascorreia]

Description:

closes: #2862

Fixed the mobile view responsiveness of sd-combobox when using multiple tags. Similiar issue as #2749.

Fixed the sd-combobox mobile issues related to clipping. The clipping was related to the container of the stories, not the component itself. However, for testing purposes when developing these components, it would be nice that all of these stories also work in mobile. Therefore, I created this ticket to fix all the other components: #2866.

The other main issue was the grey background that appeared in mobile, which was the hover taking over. I fixed this issue for all the forms components: sd-combobox, sd-input, sd-select, sd-datepicker and sd-textarea.

Definition of Reviewable:

• relevant tickets are linked

[changeset-bot]

🦋 Changeset detected

Latest commit: 3bb0b26

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

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

💥 An error occurred when fetching the changed packages and changesets in this PR

Some errors occurred when validating the changesets config:
The package or glob expression "@solid-design-system/components" specified in the `fixed` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@solid-design-system/styles" specified in the `fixed` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@solid-design-system/tokens" specified in the `fixed` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.

[github-actions]

🚀 Storybook has been deployed for branch fix_combobox-mobile-visual-issues

• View Storybook

[coraliefeil]

Gray background when active seems to be fixed.
Clipping and alignment still not working.

Pls reassign when fixed