Tag select input field does not grow correctly in IE

[klaascuvelier]

Version

1.8.0

Environment

all

Reproduction link

https://ng-zorro-antd-start-vsrhwy.stackblitz.io

Steps to reproduce

In IE start typing in the input field of the select component (in tag mode)

What is expected?

The input field has the correct width

What is actually happening?

Input field does not grow correctly

Other?

I assume this is the related code:

ng-zorro-antd/components/select/nz-select-top-control.component.ts

Line 170 in 4fa9367

this.renderer.setStyle(this.inputElement.nativeElement, 'width', `${this.inputElement.nativeElement.scrollWidth}px`);

Seems not to work correctly in IE, In Safari on MacOS it's also not perfect, but it's not as bad

[brampeirs]

scrollwidth stays the same in IE11, it is not correctly calculated.
This could be fixed with this polyfill: https://github.com/gregwhitworth/scrollWidthPolyfill

FYI: scrollwidth bug was fixed in Edge, but not in IE11: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11689089/