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

stuart4 · 2024-11-24T03:33:40.235Z

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).

image1002×1602 104 KB

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

boston85719 · 2024-11-24T05:06:16.511Z

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

johnny · 2024-11-24T05:33:23.018Z

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

salemmo409 · 2024-11-24T05:37:45.543Z

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!

salemmo409 · 2024-11-24T05:54:24.309Z

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

stuart4 · 2024-11-24T06:51:59.769Z

{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

salemmo409 · 2024-11-24T09:04:50.586Z

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