Adding CSS to bubble elements - Dropdowns

[guillaume4]

Hello there,

Here’s a dropdown with a value selected :

Now here’s the same dropdown but with a less wide screen.
As you can see, the text has been cut.

I tried to add css to the <select> even the <option> with:

overflow-wrap: break-word;
flex-wrap: wrap;

But it didn’t change a single thing,
I don’t think there is a native option in bubble for that but that seems quite important ?

If you have any idea, feel free to reply !
Thanks again.

[serhiiburbelo]

Hi, you can set a fixed width of dropdown but next dropdown will move down when page scretch. Or use a conditional: if page width < xx —> font size = (smaller size)

I can offer such solutions if yours does not work, but I don’t know if they will be helpfull

[guillaume4]

I can’t do that because a line represents a week, moving down a cell would not really fit in this case !
That’s usually what I do, I reduce the font size when the current page width shrinks but then the height of the element would be quite useless and the text not really readable to be honest !
Thanks for your options @serhiiburbelo ! Anything is welcomed

[serhiiburbelo]

Try create your own dropdown(right on page or like a reusable element)