CSS Variables are not being updated on styles inspector
Reported by
bule...@gmail.com,
Aug 23
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36 Steps to reproduce the problem: 1. Add a css varibale and see its value in inspector 2. Change it's value using js 3. See if the displayed value updates What is the expected behavior? Inspected CSS variable value should reflect the current value of the variable real-time, just like other CSS attributes. What went wrong? It only shows statically set value of the variable. Resizing DevTools window (a redraw?) updates the value. A screen capture gif is attached. Did this work before? No Chrome version: 70.0.3528.4 Channel: dev OS Version: Ubuntu Xenial Flash Version: Test on Chrome 64 and 68.
,
Aug 24
Thanks for filing the issue! @Reporter: Could you please share a sample test file which helps us to triage the issue further in a better way. Any further inputs from your end may be helpful.
,
Aug 24
,
Aug 24
I uploaded the test project (which is the screen capture has been taken using) to github: https://github.com/bulentv/chromium_876984 It is also running on: http://web.bvnet.net/chromium_876984/
,
Aug 24
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Aug 25
,
Sep 27
We don't have any events that fire when JavaScript modifies document.styleSheets. So that's why the number doesn't update. We do refresh the style cascade when the page resizes, so that's why resizing devtools causes it to update. |
||||
►
Sign in to add a comment |
||||
Comment 1 by susan.boorgula@chromium.org
, Aug 23