sopt color

something (I'm not sure what, but I think react-select itself) overrides the
color for the option's root element to white when displaying the search bar on
the search results screen itself. as a workaround, provide a explicit color to
the text.

steps to reproduce (light mode):
- search for something (all options look normal)
- select an option
- search for something on this results screen itself
- note how the search options titles are in white
This commit is contained in:
Manav Rathi
2025-05-13 11:45:40 +05:30
parent 08346e5bcd
commit 442d6526be

View File

@@ -473,7 +473,11 @@ const OptionContents = ({ data: option }: { data: SearchOption }) => (
>
<Box>
<Typography
sx={{ fontWeight: "medium", wordBreak: "break-word" }}
sx={{
color: "text.base",
fontWeight: "medium",
wordBreak: "break-word",
}}
>
{option.suggestion.label}
</Typography>