Open Bug 1935011 Opened 2 months ago Updated 6 days ago

[layout view] Show width and height restrictions in box model

Categories

(DevTools :: Inspector: Layout, enhancement, P3)

enhancement

Tracking

(Not tracked)

People

(Reporter: sebo, Unassigned)

References

Details

Width and height of an element are often restricted by definitions for min-width, max-width, min-height, and max-height.

This may not be obvious when looking at those dimensions or the CSS rules defining them. Therefore, those restrictions should be shown within the Layout View.

The simplest approach for that would probably be to add the restricting properties to the "Box Model Properties" section.
An advanced solution would visually indicate the dimension and the limiting properties similarily to the display of the flex-basis and the final size of flex items.

Note that bug 1590419 also targets this use case, though after thinking a bit about this, I believe this feature better fits to the Layout View, because the width and height are not inactive but overruled by the min/max settings.

Sebastian

Could be useful to show the computed min/max values. We could also display more clearly the current width and height, maybe in a "Dimensions" section, similar to the "Box Model Properties" section?

Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.