1150499 - Display information related to the box-sizing property in the Layout inspector tab

Status: NEW

(DevTools :: Inspector, enhancement, P3)

Description

[Patrick Brosset <:pbro>]

This is definitely a must in the box-model tab, and in fact, the box dimensions that are shown top left in the tab should probably take this into account.

Part of meta bug 1150496.

Comment 1

[Patrick Brosset <:pbro>]

I think there are 3 pieces of information we can show in the box-model tab for this:

1 - Outline the region that is currently used for box-sizing differently. Right now, the 4 regions are separated by 1px dotted outlines, maybe we could make the one that has the box-sizing thicker and more visible in general.
2 - The "CSS size" should be displayed somewhere
3 - The bounding box size should be displayed somewhere

We already do (3), but on its own, it's kind of confusing. I think (1) and (2) would make it clear how the box was sized.

Comment 2

[Patrick Brosset <:pbro>]

Attachment: bug1150499-WIP-outline-boxsizing.patch

I started a couple of months ago to work on this, but now don't have time anymore. I might restart later, but in the meantime, let me attach an early WIP patch so if anyone wants to continue from here there's already something.

Comment 3

[Julian Descottes [:jdescottes]]

Box-model tab enhancements. P3/enhancement.

Inspector bug triage. Filter on CLIMBING SHOES.

Comment 4

[Sebastian Zartner [:sebo]]

The box-sizing property is already displayed in the Layout side panel.

What's missing are the pieces of comment 1.

Sebastian