Fix MultiSelect growing vertically

[Ri-gers]

Allow for MultiSelect to prevent growing automatically in vertical direction if too many items are selected. So even if not all selected items fit into the field, let the component keep its initial look. For example in the picture display a "...", "and more", etc. after Denmark or Croatia to indicate that there are more values selected than displayed.
This is helpful if below the MultiSelect component there are other form fields which get pushed further down and make the form's layout look weird.

[Ri-gers]

@vegegoku is this really a bug? Was MultiSelect never intended to grow vertically? (I'm not talking about the dashes that seem to be misplaced if more than one line needs to be displayed by the way)

[vegegoku]

@vegegoku is this really a bug? Was MultiSelect never intended to grow vertically? (I'm not talking about the dashes that seem to be misplaced if more than one line needs to be displayed by the way)

It should not grow, at least not by default, and the dashes thing is only present in demo and is not part of the component, its made with css, users can do there own splitting.

[Ri-gers]

@vegegoku is this really a bug? Was MultiSelect never intended to grow vertically? (I'm not talking about the dashes that seem to be misplaced if more than one line needs to be displayed by the way)

It should not grow, at least not by default, and the dashes thing is only present in demo and is not part of the component, its made with css, users can do there own splitting.

Oh okay, I always thought it was a feature, then it's fine :)

[vegegoku]

New options added to allow wrapping - default to no wrap - setWrapSelection(boolean wrapSelection)
also added an option to show selected options count - not visible by default - setShowSelectionCount(boolean showSelectionCount)