Forums

Dash dropdown text invisible on pythonanywhere but visible when I run the app locally.

Hello all,

I am facing a weird bug in my deployed dash app on pythonanywhere. Whenever I write text in the "Dropdown" dash core component to search for a value, the search works but the text that I wrote is invisible.

This issue is happening only on pythonanywhere and not when I run the app locally.

Any suggestions? Happy to share the app link with you to demonstrate what I mean.

Thanks

Sure, more details would be helpful.

Sure thing, if you go to fintix.live, there's a button called "Download Yahoo Data".

If you click on it and try to search for Assets in the dropdown by typing (since it's a searchable dropdown), your input text won't be visible but the search works.

I can't reproduce the behavior you described -- I see what I type, and the search seems to work fine.

Weird, because I don't see what I type and I have tried this on multiple browsers and asked multiple people to check and they don't see what they type as well.

Do you see any errors in your browser dev tools?

Not really, not sure what's happening. I realized that I have a similar issue from the "Input" components whereby on pythonanywhere it has a dark background and locally it has a white background.

I'll just add a css file to it to change the color schemes and it should work. Thanks!

Do you see any static files (like css for example) not loading (again in the browser dev tools)?

Not really I couldn't see any errors related to the issue in dev tools. I added a css file to the dash app and changed colors of all dropdowns and now it works exactly like the local version so no issues at all.

Appreciate the support!