mondaycom / vibe

🎨 Official monday.com UI resources for application development in React.js
https://vibe.monday.com
444 stars 315 forks source link

[Bug]: multiple issues with dropdown #2035

Open ramarm opened 7 months ago

ramarm commented 7 months ago

Vibe version

2.98.2

Describe the bug

I found multiple issues with the dropdown component

  1. When setting size to small, the chip is getting outside of the box
  2. The cursor when using size small is always at the biggening of the dropdown
  3. The font of the dropdown is not the monday font
  4. The overflow scroll is not like vibe scroll

Here is an example code that I showed in the video - https://github.com/ramarm/vibe-bug Here is a video showing the issues - https://www.loom.com/share/ee4e0b8e2c2b4758b6673142b25f4001?sid=710554c7-6fb2-45f4-88e1-c92924467c68

Thanks, Ram

Expected behavior

  1. The chips should became small as well
  2. The cursor should be at the end of the selecitons
  3. The font should be aligned with all the vibe system

Steps to reproduce

Set dropdown as size small. Here is a video - https://www.loom.com/share/ee4e0b8e2c2b4758b6673142b25f4001?sid=0f063663-cf95-4b52-9829-cd96e463b986

Reproduction example link

(https://github.com/ramarm/vibe-bug)

System Info

No response

Additional context, Screenshots

No response

talkor commented 7 months ago

2022

PAVAN507-STAR commented 3 weeks ago

Hii @talkor .I would love to work on this issue.Can you please assign this issue to me?

talkor commented 3 weeks ago

@ramarm we resolved several issues with the Dropdown lately, could you please update to the latest version and update the issue accordingly?