So while using ng-select on a reactive form, I'm trying to style the field on error (invalid) like this.

the field:

```
<ng-select class="form-control input-sm" [class.store-error]="showError('store')"...

```

The show error method looks like this - and works for ALL OTHER FORM FIELDS 

```
showError (fieldName: string) {
    const field = this.form.get(fieldName);
    return field.invalid && (field.touched || this.submitAttempted);
}

```

ng select does not change classes. 

It appears as though ng-select constructs a div on top of a form field element, and changing the bootstrap class to input-sm exposes this (so a secondary question is how to get the input-sm applied to ng-select)

[![enter image description here](https://i.stack.imgur.com/A0XsS.jpg)](https://i.stack.imgur.com/A0XsS.jpg)

this CSS isse is secondary to the field NOT showing invalid using css-binding.
Has anyone solved this?

[![enter image description here](https://i.stack.imgur.com/gkrDE.jpg)](https://i.stack.imgur.com/gkrDE.jpg)

[![You can see here that the containing div is taking the css, but ng-selects generated div is not...so the annomoly of applying the input-sm style, revealed a bug - as the ng-select doesn't inherit the style](https://i.stack.imgur.com/gkrDE.jpg)](https://i.stack.imgur.com/gkrDE.jpg)