Skip to content

ComboBox selected element using wrong color #4239

@zeroed-tech

Description

@zeroed-tech

Current Behavior

I've noticed both in my app and on the Skeleton UI site that the colour scheme used by the combo box for a selected element when reopening the combobox is quite hard to read. This issue is present in both light and dark mode on multiple themes (the screenshots in this issue were taken on Cerberus).

As far as I can tell, the issue is the selected item's background colour is being set to the background colour used for highlighting items whilst using the text colour for a selected item is used. This becomes more obvious when looking at a multi select ComboBox which appears to apply the highlight colour to the first selected element.

The same poor colour selection applies when a user delibretly mouses over a selected elemement

The below screenshots were taken from https://www.skeleton.dev/docs/svelte/framework-components/combobox

Image Image

Expected Behavior

The selected element shouldn't be using the highlight background color.
Also, when hovering the mouse over a selected item, a lest contrasty colour should be used (or even no highlighting at all)

Steps To Reproduce

To replicate, just select an element in the combobox, then reopen the dropdown.

Stackblitz or Reproduction URL

No response

Environment Information

No response

More Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions