Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<sl-select> placeholder not well displayed when "multiple" enable ver. 2.18.0 #2258

Open
Awazleon opened this issue Nov 5, 2024 · 1 comment
Labels
bug Things that aren't working right in the library.

Comments

@Awazleon
Copy link

Awazleon commented Nov 5, 2024

When using the "multiple" option, the placeholder doesn't display correctly.
This bug was not present in the previous versions.

I don't have any demo available but it's easy to duplicate by creating an sl-select with a placeholder and add/remove the "multiple" option.
Tested with both light and dark version. Same issue.

Using 2.17.x
Capture d’écran 2024-11-05 à 17 19 51

Using 2.18
Capture d’écran 2024-11-05 à 17 20 23

Ok, this is not a big issue, more a "cosmetic" issue.

Browser / OS

  • OS: Mac Sonoma 14.7
  • Browser: Chrome (129.0.6668.103), Firefox (131.0.3), Safari (18.1)
@Awazleon Awazleon added the bug Things that aren't working right in the library. label Nov 5, 2024
@akasht2509
Copy link

Try to manually adjust the CSS so that placeholder visible properly for multiple selections

sl-select::part(display-input) {
  color: white. // depend on theme
  font-style: bold;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Things that aren't working right in the library.
Projects
None yet
Development

No branches or pull requests

2 participants