flavorly / vanilla-components

A lightweight, flexible & customizable UI library for Vue 3, styled with Tailwind CSS.

Home Page:https://vanilla-components.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Question: Changing the width of the RichSelect dropdown

jason-beach opened this issue · comments

This package allows me to do a lot and customize a lot - much appreciated.

I did want to ask, as I might have missed it in the docs and tried to change the css for the richselect components dropdown classes, but is there a way to change the width of the dropdown? I have a RichSelect in a table and as it gets smaller the RichSelect button gets smaller and the dropdown takes on the same width as the button which is cutting off the options. I do see it truncates the options but not ideal as the users would need to see the entire option. Example below of what I'm experiencing but it would be great if you could point me in the right direction as to how I would tackle this issue to make the dropdown take the width of the options and not truncate... Thanks!

Screenshot 2023-07-28 at 9 44 42 AM

Great question! i have done this quite long ago so i have to revisit the code to give you a proper answer, but i believe this is being set by pooperjs

@nikuscs, I was able to resolve this by using the 'min-w-min' class from tailwind. Now this works properly:

Screenshot 2023-07-28 at 10 36 53 AM

ah damn 👍 glad you found it, ill try add this to docs this week before closing the issue and make sure this topic is cleared! Thanks <3