New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 598164 link

Starred by 1 user

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

Number input width collapses inside a flexbox if min and max attributes are specified

Reported by crisb...@abv.bg, Mar 26 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.108 Safari/537.36

Steps to reproduce the problem:
1. Have a wrapper div that has "display: flex;".
2. Add a number input that has both a "min" and a "max". 

What is the expected behavior?
The "min" and "max" attributes shouldn't have an effect on the input's width.

What went wrong?
The input's width is collapsed to about a third of what it's supposed to be. This can be worked around if the "step" attribute is set to "any" or either "min" or "max" are removed. Please see the attached file for a reproduction.

Did this work before? N/A 

Chrome version: 49.0.2623.108  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 21.0 r0
 
number-issue.html
453 bytes View Download
Cc: rnimmagadda@chromium.org
Labels: Needs-Feedback
@crisbeto: Please have a look at the attached screen-recording and let us know which of the behavior you were expecting.

Since both the versions (Chrome Latest & Version 30) has the same flexbox.

But the Firefox has a different behavior.

Thank you.
598164.mp4
1.1 MB Download
Untitled.png
9.4 KB View Download

Comment 2 by crisb...@abv.bg, Mar 30 2016

I filed the bug mainly because of the width that changes depending on whether the input has a "min" and a "max". 

As for the hover behaviour, I'm not sure what the standard says about it. IE and Edge don't show the arrows at all, Safari and Firefox show them all the time and Opera shows them only on hover.
Project Member

Comment 3 by sheriffbot@chromium.org, Mar 30 2016

Labels: -Needs-Feedback Needs-Review
Owner: rnimmagadda@chromium.org
Thank you for providing more feedback. Adding requester "rnimmagadda@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://sites.google.com/a/chromium.org/dev/issue-tracking/autotriage - Your friendly Sheriffbot
Components: Blink>Layout>Flexbox
Labels: -Needs-Review M-50 OS-Linux OS-Mac
Owner: ----
Status: Untriaged (was: Unconfirmed)
Able to repro this issue on Windows 7, MAC (10.11.3) & Ubuntu Trusty (14.04) for Google Chrome Stable Version - 49.0.2623.110

This is a Non-Regression issue existing from M30 - 30.0.1549.0

Comment 5 by e...@chromium.org, Mar 31 2016

Owner: cbiesin...@chromium.org
Status: Assigned (was: Untriaged)

Comment 6 by e...@chromium.org, Jun 19 2017

Status: Available (was: Assigned)
Project Member

Comment 7 by sheriffbot@chromium.org, Jun 20 2018

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

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

Comment 8 by e...@chromium.org, Jun 28 2018

Labels: -Pri-2 Pri-3
Status: Available (was: Untriaged)
Status: Assigned (was: Available)

Sign in to add a comment