New issue
Advanced search Search tips

Issue 765570 link

Starred by 1 user
Status: WontFix
Owner:
einbinder@chromium.org
Closed: Oct 2017
Cc:
kkaluri@chromium.org
alph@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Styles for flex items should show default user agent style `min-width: auto` and `min-height: auto`

Reported by oliverj...@gmail.com, Sep 15 2017 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.25 Safari/537.36

Steps to reproduce the problem:
1. Create a flex container with items
2. Inspect an item

Example: http://output.jsbin.com/geqagi/2
(Inspect the first example)

What is the expected behavior?
The inspected flex item should have default user-agent styles of `min-width: auto` and `min-height: auto`. https://www.w3.org/TR/css-flexbox-1/#min-size-auto

What went wrong?
The styles do not appear.

Did this work before? N/A 

Chrome version: 61.0.3163.25  Channel: n/a
OS Version: OS X 10.12.6
Flash Version: 

Showing these will go a long way to helping flexbox debuggability. It can be easy to forget that flex items have this special treatment!

Comment 1 by kkaluri@chromium.org, Sep 21 2017

Cc: kkaluri@chromium.org
Labels: Needs-Triage-M61 Needs-Feedback
Tested this issue on Mac 10.12.6 with chrome stable #61.0.3163.79
Observed on clicking on the first box didn't see any user-agent styles of `min-width: auto` and `min-height: auto` and on clicking on the 2nd box did seen a user-agent style `min-width: 0`

Seen the same behavior in FireFox browser too.

Attaching the screen-cast for reference.

oliverjash@ Could you look into it and confirm that behavior of 1st box result is a actual response  and 2nd box result is the Expected response of this issue.

Thank You...
765570.mp4
1.2 MB View Download

Comment 2 by oliverj...@gmail.com, Sep 21 2017 

@kkalura Thanks. 

The first box is the actual.

The second box is not the expected. The expected/desired behaviour is to see a user-agent style of `min-width: auto` when inspecting the first box.

--

Separately, this issue could perhaps be expanded to "show user agent styles for flex items", which is not just `min-width: auto` but also `flex-basis: auto; flex-grow: 0; flex-shrink: 1`.
Project Member

Comment 3 by sheriffbot@chromium.org, Sep 21 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "kkaluri@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 4 by alph@chromium.org, Oct 10 2017

Labels: Needs-Feedback
Could you please elaborate what's the problem. Do you want to see all the default style values for each div?

Comment 5 by oliverj...@gmail.com, Oct 10 2017 

Yes, I want to see the user agent styles applied to flex items, namely `min-width: auto` as mentioned.
Project Member

Comment 6 by sheriffbot@chromium.org, Oct 10 2017

Cc: alph@chromium.org
Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "alph@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 7 by alph@chromium.org, Oct 11 2017

Owner: einbinder@chromium.org
Status: Assigned (was: Unconfirmed)

Comment 8 by einbinder@chromium.org, Oct 25 2017

Status: WontFix (was: Assigned)
`auto` is the default value for min-width so there is no user agent style rule to override it. You can see the value in the "Computed" tab of the styles sidebar.
►

Sign in to add a comment