IE11: The input text when type gets clipped.

[jstralko]

It looks like the input text width is being incorrectly set when using IE11 when typing characters in the text box of the tree-select component.

Inspecting the DOM the width is getting set to 12px regardless what is typed in the search/input box:

input class="rc-tree-select-search__field" role="textbox" style="width: 12px;" value="the"

Looking into the source I'm seeing in the componentDidUpdate/DidMount its setting the width based on the scrollWidth:

inputNode.style.width = ${inputNode.scrollWidth}px;

Update: Testing it on Edge has the same issue. Other browsers are fine and work perfectly.