[Bug]: New Dropdown component bugs

[ramarm]

Vibe version

3.62.0

Describe the bug

Hey, We have been working with the new Dropdown component and we found some bugs so I thought it may be nice to let you know about them. I've created an example code and a video explaning all the limitations.

My video - https://www.loom.com/share/3caada6a80af478c910e7707dbceacd6?sid=051640f5-e711-4b4c-b0ff-dbcea3858c90 example code - https://github.com/ramarm/vibe-dropdown

Thanks!

Expected behavior

Described in the description

Steps to reproduce

Info in the description

Reproduction example link

No response

System Info

Additional context, Screenshots

No response

[rivka-ungar]

Hi @ramarm ,

Thank you so much for taking the time to report this and for putting together both the video walkthrough and the example repo, it's super helpful.

We’ll review the issues and update here once we solved them. In the meantime, if you come across any additional edge cases or unexpected behaviors, please feel free to add them to this thread.

Really appreciate your contribution to improving Vibe!

[rivka-ungar]

Hi @ramarm, Thanks again for taking the time to share such detailed feedback with us. We’ve gone through the issues you raised and here are the updates:

• isLoading prop – We’ve added it in the latest version. Thanks for pointing out!
• Searchable + controlled value – The issue was due to the value needing to be the full option object rather than just the value. In your example, updating the function like this resolves it:


 


function onChange(value) {
  if (value) { 
     setValue(value); 
   } else {
     setValue(null); 
   } 
 }





• Option height when label is empty - Could you share a screenshot of how you would like to use the gray status with no text? That will help us sync with the design team and see how best to support it.
• Tooltip positioning – The tooltipProps on the Dropdown apply to the tooltip around the dropdown, not the tooltips for each option. For option-level tooltips, the position is fixed (left in LTR, right in RTL). This is by design so that tooltips for overflowing text that appear above/below the option won't conflict.
• Unable to unselect option when searchable + controlled – This was definitely a bug. We’ve fixed it in the latest version.

Appreciate you helping us improve the component. Please try out the latest version and see if it solves the issues. Thanks!