'Styles' tab appears blank in 'Element' section of devtools.
Reported by
rp...@etouch.net,
Jun 4 2018
|
||||
Issue descriptionChrome Version: 68.0.3440.14 (Official Build)Revision 6a244aa6611e57d2f3adff0409099923be1d5fe9-refs/branch-heads/3440@{#125}(32/64-bit) OS: Windows (7,8,8.1,10),Linux (14.04 LTS),Mac OS X(10.12.6,10.13.1,10.13.6) What steps will reproduce the problem? (1) Launch chrome, Navigate to NTP and open devtools (2) Click on 'Event Listeners' tab and click on 'DOMContentLoaded' to expand it (3) Now click on 'document' and then click on 'Styles' tab,observe tab Actual: 'Styles' tab appears blank Expected: 'Styles' tab shouldn't appear blank and data should be seen This is a Non-regression issue seen from M-60 series build #60.0.3072.0 Note: Issue is also seen on M-67 Stable (build # 67.0.3396.62),M-67 Beta (build # 67.0.3396.62) and M-69 Canary (build #69.0.3449.0)
,
Jun 11 2018
Thanks for the report. We should have some placeholder text for selected elements without any styles.
,
Jul 17
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/6c3f404581ab1652140dadfd3f2f7e61beb30521 commit 6c3f404581ab1652140dadfd3f2f7e61beb30521 Author: Erik Luo <luoe@chromium.org> Date: Tue Jul 17 03:44:10 2018 DevTools: update empty style text on inspected node change Style sidebar's empty text updates visibility when the filter changes. It should also update when the inspected node changes. Bug: 849208 Change-Id: I1f5e2eeb12deecef312fbc9b50f69afd3317ab06 Reviewed-on: https://chromium-review.googlesource.com/1132348 Reviewed-by: Andrey Lushnikov <lushnikov@chromium.org> Commit-Queue: Erik Luo <luoe@chromium.org> Cr-Commit-Position: refs/heads/master@{#575541} [modify] https://crrev.com/6c3f404581ab1652140dadfd3f2f7e61beb30521/third_party/blink/renderer/devtools/front_end/elements/ComputedStyleWidget.js [modify] https://crrev.com/6c3f404581ab1652140dadfd3f2f7e61beb30521/third_party/blink/renderer/devtools/front_end/elements/StylesSidebarPane.js
,
Jul 17
The top-right area in the video (that usually contains the orange rectangles / box model) is still empty. We settled on having placeholder text in the main style editor and computed properties sections.
,
Jul 18
Update : Rechecked the above issue on Windows(7,8,8.1,10),Linux(14.04 LTS) and Mac(10.12.6, 10.13.1, 10.13.6) OS with latest Canary Chrome version : 69.0.3495.0 and the issue is Fixed.Hence adding TE Verified Labels.Kindly refer the attached screen cast for reference. |
||||
►
Sign in to add a comment |
||||
Comment 1 by nyerramilli@chromium.org
, Jun 4 2018