Edit generated styles in dev tools

[Duskfall]

Is there a way to edit the generated styles in chrome dev tools? Currently they are grayed out, which decreases development time.

[dmiller9911]

Does a refresh help? I sometimes see this if I have them open and things change. Usually, a refresh will resolve it. I have seen this with other css-in-js libs before and never could pin down why it was doing it.

[jjmax75]

same here, can't turn off styles or edit in dev tools

[TheCulprit]

Same problem here so swapped aphrodite for version 1.2.0 I had used in an old project where this worked.

[austenpayan]

I'm also experiencing this on Chrome and Safari. It seems to be Chrome/Webkit specific, as I can still edit the styles in Firefox.

[lencioni]

I think this is caused by the same thing as #321. More information in this comment: #321 (comment)

[mbensch]

@lencioni This is likely caused by #240 since Chrome does not support editing of CSSOM based styles in DevTools (https://bugs.chromium.org/p/chromium/issues/detail?id=387952#c12)

[lencioni]

Indeed

[lencioni]

This has been fixed in Chrome 85: https://developers.google.com/web/updates/2020/06/devtools

[k-funk]

This is still a problem in Safari.