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

JedWatson / react-input-autosize

Auto-resizing input field for React

https://jedwatson.github.io/react-input-autosize

MIT License

769 stars 178 forks source link

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

Open thoiberg opened 6 years ago

thoiberg commented 6 years ago

Hi! 👋

I'm using using version 2.2.1 (via react-select), and I'm getting the following warning in my Chrome console: screen shot 2018-05-15 at 2 16 32 pm

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 commented 5 years ago

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 commented 5 years ago

@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.