Hey Bubblers,
I ran into a strange behavior with Bubble’s Multidropdown component when using a dark UI theme:
Even with all styling options correctly set in the element settings:
…the font color for the dropdown choices stubbornly stays black, making them unreadable against a dark background.
To keep the design clean and usable, I had to patch it with a bit of custom CSS:
<style>
/* Color for multidropdown choices*/
.select2-container--default .select2-results__option {
color: #ffffff !important;
}
</style>
And voilà — now the options are readable again:
Final thoughts:
This feels like something Bubble should address natively. I get that it might be low on the roadmap priorities, but it’s a small yet frustrating UX issue — especially for new Bubblers who may not know how to workaround it with CSS.
Hope this helps someone out there!
