Failed to set an indexed property on 'CSSStyleDeclaration': Index property setter is not supported

css google-chrome react-dom
Bhumi Thakkar picture Bhumi Thakkar · Apr 26, 2019 · Viewed 19.5k times · Source

I am getting above error in my react project when chrome version is updated to 74 (latest version).

enter image description here

Answer

Yaroslav picture Yaroslav · Apr 26, 2019

I work with Angular libraries and some of them does not support inline styles now (for me it was ngx-avatar and it not working on Firefox and chrome: 74)

before:

<ngx-avatar style="border-radius="50%"></ngx-avatar>

after:

<ngx-avatar [style.border-radius]="'50%'"></ngx-avatar>

I think you can try the same for React.

Related questions

How to remove focus border (outline) around text/input boxes? (Chrome)

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using: input { background-color: transparent; …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
Remove blue border from css custom-styled button in Chrome

I'm working on a web page, and I want custom-styled <button> tags. So with CSS, I said: border: none. Now it works perfectly in safari, but in chrome, when I click one of the buttons, it puts an …

Read More