Input group with select -fit width to select content


Topic: Input group with select -fit width to select content

nick.kaynes pro premium priority asked 2 years ago

I have an input group with select appended to show price and currency picker in select. But the width of the select component is randomly set to too large width.

see snippet. https://mdbootstrap.com/snippets/standard/nick-kaynes/4263391#

How can I make the width of the select component occupy only the minimumn width needed to show the currency symbol ?


mlazaru staff answered 2 years ago

Hi, there is no option in component to set width, but you can set it with CSS.Maybe better aproach is to use dropdown button instead of select, since button is taking the only space it needs?

Both solutions:https://mdbootstrap.com/snippets/standard/mlazaru/4289119


nick.kaynes pro premium priority answered 2 years ago

Thanks. css solution is best for my case.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.4.0
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes
Tags