Anyone solved the issue of long name in Bubble value drop downs?

Need help App Organization
1

Anyone solved this? Currently I am setting s state, then copying the string for the name in to a doc, checking its what i need then going back to my original workflow to select it. (ideas?)

Love to be able to hover and see what this is when trying to select it (tool tip like).

image
image1002×1602 104 KB

  • as you can see the name are wayyyy long… and hard to read, understand function.
2

I’m hoping they do that for the boost day, give hover to see full name

2 Likes
3

Same – this happens a LOT :sweat_smile: I just start clicking between the different options until I find the one I’m looking for :sweat_smile:

1 Like
4

Sometimes I Execute this line in the console:

document.querySelector('.items-inner-container').style.width = '500px';

I think I will make a Chrome extension for this line to be executed automatically!

1 Like
5

This is the first edition of the Chrome extension:
https://drive.google.com/drive/folders/1vqzuD68a_VtR0DgNnR_18tqeQTVSHA3m?usp=sharing

Upload it to your browser and try it if you want

1 Like
6

{344EFE47-C4F3-46AE-BA1C-E0C511CA20F6}
{344EFE47-C4F3-46AE-BA1C-E0C511CA20F6}824×1149 63.6 KB

looks like text is trill truncated to the original width when viewing states… but almost :slight_smile:

7

Sorry for the uncomplete code, if you do it in the console try this code:

document.querySelector('.dropdown-item-container').style.width = '500px';
const elements = document.querySelectorAll('.dropdown-item.new-composer');
    elements.forEach(elem => {
      elem.style.maxWidth = '500px'; // Change the width to your desired value
      elem.style.width = '500px';
    });

If you use the Chrome extension update the files using the same previous link