All topics

Dropdown options blacked out?

jackson

11 days ago

A user sent this to me and I can’t recreate it. Has anyone seen this before? He said he is on windows and chrome. Thanks!
Armand

11 days ago

Have you by any chance unset the toddle (nordcraft) styles? https://docs.nordcraft.com/styling/default-styles#custom-styles

Are you setting a background color in the dropdown?
jackson

11 days ago

Hi Armand, I don't think I have. Since it shows up normal on my mac (also with chrome) and on safari on my phone, that would mean it isn't from unsetting the toddle styles, correct? Like if I set the color of the dropdown to be black on accident, wouldn't that do the same across all devices/browsers?
jackson

11 days ago

Here's the site. If you can try it on your end, I'd appreciate it so I can recreate this bug: https://www.skydiary.org/august-18
@jackson
Hi Armand, I don't think I have. Since it shows up normal on my mac (also with chrome) and on safari on my phone, that would mean it isn't from unsetting the toddle styles, correct? Like if I set the color of the dropdown to be black on accident, wouldn't that do the same across all devices/browsers?
Armand

11 days ago

Yes, it would.
@jackson
Here's the site. If you can try it on your end, I'd appreciate it so I can recreate this bug: https://www.skydiary.org/august-18
Armand

11 days ago

Looks like you are using the standard HTML element. My guess is that it is probably something on (e.g. a browser extension) on your user's side. Have you asked him to turn off browser extensions for your page?
Armand

11 days ago

Perhaps they are using dark mode? You could try setting an explicit background-color on your select element.
jackson

11 days ago

I haven't and one person isn't a big deal but I found a site where I can test across different devices and browsers and all the windows (Chrome, Edge, Mozilla) all did the same thing
jackson

11 days ago

How do I set an explicit background- color on a select element?
@jackson
How do I set an explicit background- color on a select element?
Armand

11 days ago

Sorry, that is not possible on standard select elements. Don't know what I was thinking lol.
But you can add 'color: initial' to the css box of the option(s)
Armand

11 days ago

This ensures the option text remains readable
jackson

11 days ago

Hey you were right! The color on the option background was set to black and I guess the standard options on non-windows browsers were overriding it
Armand

11 days ago

In your nordcraft editor? Yeah, most browsers would override that.
jackson

11 days ago

Yes in the Nordcraft editor. I used a tool to use AI to build the Toddle component and it must have added the black background automatically and I didn't see it when i tested it (because it got overridden)
THanks again for the help!
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1
👍1

Dropdown options blacked out?

jackson

Armand

jackson

jackson

Armand

Armand

Armand

jackson

jackson

Armand

Armand

jackson

Armand

jackson