feat: ✨ CSS variable to set max-height of sl-select and autocomplete

[Fl0rianFischer]

(edited by @mariohamann, original ticket at the bottom)

User Story

As a developer I want to easily override max-height for sl-select and the autocomplete pattern.

Technical Information

We could add --listbox-max-height which is set on the :host and then can be easily overridden.

DoR

• [ ] Item has business value
• [ ] Item has been estimated by the team
• [ ] Item is clear and well-defined
• [ ] Item dependencies have been identified

DoD

• [ ] Documentation has been created/updated (if applicable)
• [ ] Migration Guide has been created/updated (if applicable)
• [ ] Relevant E2E tests (Features, A11y, Bug fixes) are created/updated
• [ ] Relevant stories (Features, A11y) are created/updated
• [ ] Implementation works successfully on feature branch

Original ticket

## Current behavior The dropdown of the sd-select displays very weird behavior with many entries ## Expected behavior Dropdown should have max height and scrollable content if there are a lot of options ## Steps to reproduce See video https://github.com/solid-design-system/solid/assets/8488432/67ceb6a3-58af-42b2-9779-47b403c1062e

[mariohamann]

We currently don't limit the height on porpuse, as the HTML element behaves the same. The package we use under the hood (https://floating-ui.com/) sees, how much space is available on the screen and resizes accordingly. If your application wants to force to a max-height to improve UX for whatever reason, you can easily do that by setting the following:

sd-select::part(listbox){
  max-height: 134px;
  overflow-y: auto;
}

Here is a working example: https://codepen.io/mariohamann/pen/JjVgpxq

We will discuss this with design and maybe we'll provide an easier API for that in future. For that I'm rewriting your ticket, but from my perspective I don't expect this to be done soon. Meanwhile you should be safe using the part above. :)

[mariohamann]

For the thing with the missing border, I just created a new issue: https://github.com/solid-design-system/solid/issues/1042