Open Bug 1719903 Opened 5 years ago Updated 5 years ago

Add description in DevTools -> Layout explaining the flex-basis has been enlarged due to content

Categories

(Core :: Layout, enhancement)

Product:
Core
Component:
Layout
Version:
Firefox 89
Type:
enhancement

Tracking

()

Status:
UNCONFIRMED

People

(Reporter: mystiquewolf, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:89.0) Gecko/20100101 Firefox/89.0

Steps to reproduce:

  1. Open https://liubomirwm.gitlab.io/mozilla-flexbox-layout-hint/
  2. Inspect the <footer> element
  3. Switch to "Layout" inside DevTools

Actual results:

Notice that there is only "Content size" and final size, but no reason is given why the final size in greater than the content size.

Usually Firefox explains this due to flex-grow or flex-shrink.

Expected results:

I suggest the current DevTools behaviour be improved so that Firefox explains the reason for growth is this scenario.

The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → Layout
Product: Firefox → Core
You need to log in before you can comment on or make changes to this bug.