select2使容器宽度适合文本

Question

I'm looking for a way to increase the width of the container so that the text fits, instead of having it be truncated with ...

I can't seem to get the container css attributes working eg containerCss . I get the error Uncaught Error: No select2/compat/containerCss .

I'm using select2 via npm

Answer 1

Right click and inspect the html text input and look at its class name. use chrome inpector and experement setting the width css attribute on those generated elements. Find the corresponding css class. Also look at the class names of its container element. Set the css of those elements to find a desired result. Then on the html page with the jquery selector library use the relevant class names and set the width. Alternitevly read the docs on jquery select library on css styling.