search

ng-matero / extensions

Angular Material Extensions Library.
https://ng-matero.github.io/extensions/
MIT License
393 stars 48 forks source link

mtx-select multi-select chips wrap poorly #211

Closed llowrey closed 1 year ago

llowrey commented 1 year ago

You can see, below, that the the chips are being cut off and there should be some white space between the top and bottom chips.

image

While my test case is unreasonably narrow, our actual use case tends to have enough items selected to cause the chips to wrap.

llowrey commented 1 year ago

I found margin: -4px 0; in extensions/select/select.scss.

That makes sense for single select but doesn't work for multi-select. Take that out and it renders nicely.

To get vertical spacing, I tweaked it with margin-bottom: 3px for .ng-value (in addition to the 4px of right margin) and added margin-bottom: -3px to the .ng-value-container.

Hope that helps.

nzbin commented 1 year ago

Please try the new version 15.4.1

llowrey commented 1 year ago

Fix confirmed. Thanks! That was fast!