Filters sort select unreadable text on Windows

[kmeleta]

Describe the current behavior

When a light/white foreground color is selected, the sort select element in the collection filters can become unreadable

Describe the expected behavior

Option text in the select dropdown should be readable.

Version information (Dawn, browsers and operating systems)

• Dawn Version: 7.0.0
• Windows OS

Possible solution

This is likely caused by the background-color: transparent set on the select. We can look into explicitly setting the proper background colors on the element to achieve our intended "transparent" look, but will also need to account for gradients if possible.

[shawnr42]

Until there's an update that fixes this, adding this to the bottom of component-facets.css will make it use the solid background colour for the collection section.

.facet-filters__sort {
  background-color: rgb(var(--color-background));
}