Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Labeled input fields with set widths overlap one another #2057

Closed
tirdadc opened this issue Apr 3, 2015 · 4 comments
Closed

Labeled input fields with set widths overlap one another #2057

tirdadc opened this issue Apr 3, 2015 · 4 comments
Labels
Confirmed Bug
Milestone
2.0

Comments

@tirdadc
Copy link

tirdadc commented Apr 3, 2015

http://jsfiddle.net/5a6we429/5/

What's the recommended way to set the width of the labeled input fields while preventing overlapping?

UPDATE: I've finally managed to recreate the issue in this version of the jsfiddle. The last field that contains the button is overlapping / concealed because of this issue.
@tirdadc tirdadc changed the title Labeled input fields with set widths overlap one another Aligning labeled input fields with non labeled input fields Apr 3, 2015
@tirdadc tirdadc changed the title Aligning labeled input fields with non labeled input fields Labeled input fields with set widths overlap one another Apr 3, 2015
@jlukic
Copy link
Member

jlukic commented Apr 13, 2015

If you're using column widths you will need to use fluid input to match

@jlukic
Copy link
Member

jlukic commented Apr 13, 2015

Scratch that. I think I can see some issue going on here. Will get back.

jlukic added a commit that referenced this issue Apr 13, 2015
@jlukic
Fixes #2057 issue with labeled input in forms not fitting column width
fbf07f8
@jlukic
Copy link
Member

jlukic commented Apr 13, 2015

It appears flex-grow with width: auto doesnt work correctly when the fluid width is below browser default input size.

Fixed in next

jlukic added a commit that referenced this issue Apr 13, 2015
@jlukic
Rebuild for demo #2057
c6e3b13
@jlukic
Copy link
Member

jlukic commented Apr 13, 2015

Example of fixed
http://jsfiddle.net/1Lzkv4bc/

@jlukic jlukic closed this as completed Apr 13, 2015
@jlukic jlukic added this to the 2.0 milestone Apr 13, 2015
@jlukic jlukic mentioned this issue Jul 13, 2015
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Confirmed Bug
Projects
None yet
Milestone
2.0
Development

No branches or pull requests
3 participants
@jlukic @tirdadc @einkoro