Ever since I got the Global function, my new dropdown builds have been invisible. I can see that the proper number of options are available and I can seemingly select them, but I cannot see them. I have built this out now 3 times, including starting on a completely new page with just this one element. This is an easy wire-up, so I can confirm that it has worked correctly. I have several dropdowns elsewhere that work fine. I really believe this is a bug. I have reset, rebuilt, deleted, and added the standard dropdown style in Global a number of times to no avail. Any assistance would be appreciated.
This is a known Bubble rendering bug related to global styles. The text color of the dropdown options is accidentally matching the background color (likely defaulting to transparent or white-on-white). Because the options are there, you can hover and click them, but they remain invisible to the eye.
Here are the two fastest ways to fix it:
The Overwrite Fix: Remove the global style from that specific dropdown, set the style to None (Custom), and manually color the text black and background white.
The Global Style Fix: Go to your Styles tab, find the global dropdown style you are using, and explicitly change the Font Color and Background Color (do not leave them blank or default).
If neither works, it is a backend style-mapping bug. Create a completely new global style from scratch under a different name and apply that instead.
ekpereogheneogaga2020, thanks for the response. I tried each of your suggestions to no avail. I then changed my dropdown from dynamic to static and each of the static options where visiible. So this seems to be only happening when it is a dynamic choice. Thoughts?
If static options work but dynamic ones go blank, your styling is actually perfectly fine.
The issue is that Bubble doesn’t know which text field to display from your database, so it’s rendering empty, invisible rows.
To fix this , You Open your dynamic dropdown’s properties panel then, scroll to the very bottom and look for the Option caption field.
Make sure it isn’t just blank or stopping at Current option. Change it to point to a specific text field (e.g. Current option's Name or Current option's Title).
Once you map that field, your dynamic list should instantly appear!
ekpereogheneogaga2020, thenk you, you were kinda right. I had misaligned the field I was trying to access in a previous step. Your recommendation gave me the haha moment. Thanks for sticking with it. All is working well now.
Good thanks