Input width on MultiSelect

[CodeMaven]

Environment

• Package version(s):
  "@blueprintjs/core": "^3.15.1",
  "@blueprintjs/select": "^3.8.0",
• Browser and OS versions: Linux Mint 16, Firefox 66.03

Question

How can I make a MultiSelect component fill the width of the container? using
tagInputProps={{fill:true }}
doesn't seem to have any effect. I've also tried styling the component with CSS but the tag input box always remains at 150px and grows only as I add tags.

Additionally, I have an issue where the tags wrap but the box doesn't expand to accommodate. I.e. If I add more tags than can fit in the width of the container the tags wrap to the next line but the box doesn't expand and the components below do not move so the new tags are superposed under the control below.

[jpk0727]

I have the exact some questions

[adidahiya]

I think this is essentially the same as #2931

Setting popoverProps={ targetTagName: 'div' } should allow you to use fill: true. I'll update the docs to mention this.