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

Issue 720064 link

Starred by 1 user
Status: Duplicate
Merged: issue 708159
Owner:
svil...@igalia.com
Closed: May 2017
Cc:
█ kavvaru@chromium.org
r...@igalia.com
ligim...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Input width will shrink if placed using CSS Grid

Reported by shadeed9@gmail.com, May 9 2017 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.81 Safari/537.36

Steps to reproduce the problem:
1. Open the demo https://t.co/qktl5nrhOj
2. Focus on the input
3. Start typing

What is the expected behavior?
The input width should not shrink.

What went wrong?
The input width will shrink after typing.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 58.0.3029.81  Channel: n/a
OS Version: OS X 10.12.4
Flash Version:
grid-input.gif
13.4 KB View Download

Comment 1 by shadeed9@gmail.com, May 9 2017 

Sorry if the above link won't work. Here is an updated one: https://output.jsbin.com/vugequbuwe

Comment 2 by ligim...@chromium.org, May 9 2017

Cc: ligim...@chromium.org
Components: Blink
Labels: Needs-Bisect Needs-Triage-M58

Comment 3 by kavvaru@chromium.org, May 10 2017

Cc: kavvaru@chromium.org
Labels: Needs-Feedback
Unable to reproduce the issue on windows 7, Ubuntu 14.04 and Mac 10.12.4 using chrome version 58.0.3029.110.Not observed any shrink while typing.
Please find the attached screen cast for the same.

Could you please once try the issue by upgrading chrome to latest stable and update the thread if the issue still persists.

Thanks,
720064.mp4
545 KB View Download

Comment 4 by shadeed9@gmail.com, May 10 2017 

Thanks for your feedback. Yes, I can confirm that the issue is not reproducible when viewed from the edit mode on CodePen/JSBin. (It works only in the output/debug mode).

Please see the attached document for the demo.
input-shrink.html
1.4 KB View Download
Project Member

Comment 5 by sheriffbot@chromium.org, May 10 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "kavvaru@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 6 Deleted

Comment 7 by shadeed9@gmail.com, May 10 2017 

Attached a video with my browser version.

Demo link: ishadeed.com/css-grid/input-shrink.html
input-shrink.mov
196 KB Download

Comment 8 by e...@chromium.org, May 10 2017

Components: -Blink Blink>Layout>Grid
Owner: svil...@igalia.com
Status: Assigned (was: Unconfirmed)
Over to svillar for further triage.

Comment 9 by r...@igalia.com, May 10 2017

Cc: r...@igalia.com
Mergedinto: 708159
Status: Duplicate (was: Assigned)
I believe this is a duplicated issue of #708159 (it seems very similar),
which has been already fixed in M59 and M60.

I cannot reproduce it in M60 neither in Mac or Linux.
Could you verify if it works in Canary? Thanks!

Comment 10 by shadeed9@gmail.com, May 10 2017 

Yes, it works 100% in Canary 60.0.3095.0.

Comment 11 by keithjgr...@gmail.com, May 19 2017 

Can anybody provide some insight why this works as expected within a Codepen or JSbin, but not in a raw example? Does it behave differently in an iframe? More importantly: is there a workaround I can add to fix this behavior in Chrome <59?
►

Sign in to add a comment