Chrome Deprecation Notice: Using unescaped '#' characters in a data URI body is deprecated

[thoiberg]

Hi! 👋

I'm using using version 2.2.1 (via react-select), and I'm getting the following warning in my Chrome console:

Chrome link from the screenshot

This looks to be related to this line in the AutosizeInput.

Assuming Chrome is not lying to me it should be as simple as replacing the # with the %23 sign (and verifying it still works)

__html: `input%23${this.state.inputId}::-ms-clear {display: none;}`,

Happy to raise a PR for this if it makes sense?

[oleblaesing]

Is there a fix for it planned? I'm also facing this problem.

However, Chrome delayed the removal for its M71 update this month (December 2018).

[thoiberg]

@oleblaesing I'll throw my suggested fix in a branch and see if it fixes it. If so, I'll raise a PR. Not sure if it will get merged but at least it will be a reference for anyone who needs to fix the issue.