Replacing the text content of a stylesheet does not refresh the inspector's style panes
Categories
(DevTools :: Inspector, defect, P2)
Tracking
(Not tracked)
People
(Reporter: loganfsmyth, Unassigned)
References
Details
I can't really tell if this should be a dupe of https://bugzilla.mozilla.org/show_bug.cgi?id=591212, but filing for now to let you all decide. This is an issue raised in an email so I'm copying over the repro steps:
Test Repo:
https://github.com/wbkd/webpack-starter
- Clone
- npm install
- npm start
Chrome 81.00.4044.122 (Offical Build) (64-bit):
- Inspector updates as expected
https://gyazo.com/aa3ad1c66764848ae8c0428bdaa36870Firefox 75.0 (64-bit):
- Inspector does not update as expected
https://gyazo.com/fd79b12eb7ffa957af7d3a7e645b8ed3
It looks like the core issue is that the inspector UI doesn't update seem to realize that the styles change. If I force-refresh the UI, it will pull in the new changes, but it won't happen automatically.
Webpack's HMR will edit the context of an inline style using https://github.com/webpack-contrib/style-loader/blob/5520e687422eb422309cdd0231c3592048fa1247/src/runtime/injectStylesIntoStyleTag.js#L161-L176, which I guess doesn't get detected as a style change.
|
||
Updated•4 years ago
|
Description
•