1552098 - add a feature to the Layout Debugger to dump frames with the style rules their computed style matched

Status: RESOLVED FIXED

(Core :: Layout, task)

Comment 1

[Cameron McCormack (:heycam)]

I have a patch that produces output like this:

Viewport(-1)@7f8a7fb7b020
    ::-moz-viewport, ::-moz-viewport-scroll, ::-moz-canvas, ::-moz-scrolled-canvas { display: block; background-color: inherit; }
  HTMLScroll(html)(-1)@7f8a7fb7b188
      ::-moz-viewport-scroll { overflow: auto; }
      ::-moz-viewport, ::-moz-viewport-scroll, ::-moz-canvas, ::-moz-scrolled-canvas { display: block; background-color: inherit; }
    ScrollbarFrame(scrollbar)(-1)@7f8a7fb7b3c8
        scrollbar[orient="horizontal"] { direction: ltr; }
        scrollbar { -moz-appearance: scrollbar-horizontal; cursor: default; background-color: rgb(240, 240, 240); }
        scrollbar, scrollbarbutton, scrollcorner, slider, thumb { -moz-user-select: none; }
        * { -moz-user-focus: ignore; -moz-user-select: none; display: -moz-box; box-sizing: border-box; }
      SliderFrame(slider)(-1)@7f8a7fb7b4d0
          slider { -moz-appearance: scrollbartrack-horizontal; }
          scrollbar, scrollbarbutton, scrollcorner, slider, thumb { -moz-user-select: none; }
          * { -moz-user-focus: ignore; -moz-user-select: none; display: -moz-box; box-sizing: border-box; }
        ButtonBoxFrame(thumb)(0)@7f8a7fb7b5c8
            thumb[orient="horizontal"] { -moz-appearance: scrollbarthumb-horizontal; min-width: 8px; }
            thumb[sbattr="scrollbar-thumb"] { -moz-box-flex: 1; }
            thumb[collapsed="true"] { visibility: hidden; }
...

Comment 2

[Cameron McCormack (:heycam)]

Attachment: Bug 1552098 - Add "Matched CSS Rules" command to the layout debugger.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/fc0842a0b38f
Add "Matched CSS Rules" command to the layout debugger. r=emilio

Comment 4

[Stefan Hindli [:stefan_hindli]]

https://hg.mozilla.org/mozilla-central/rev/fc0842a0b38f