field 60% width #3301

semoi opened this Issue Dec 19, 2011 · 9 comments


None yet

8 participants

semoi commented Dec 19, 2011

When using he following code on "wide" screen, the label is on the left of the input field (that's ok).
The label have a 20% width.
But the input field have a 60% width. Why not 80% ?

                 <label for="name">Text Input:</label>
                 <input type="text" name="name" id="name" value=""  />

jblas commented Dec 19, 2011


What version of the framework are you using? @toddmparker, didn't we fix this for 1.0?


+1 to @semoi
Is it a bug or was it supposed to be 60% If so, why?

agcolom commented Feb 23, 2012

This seems to be also the problem for #3486

@Wilto Wilto was assigned Feb 24, 2012

@wilto will give these a look soon.

Wilto commented Mar 2, 2012

Not gonna lie, this is one that has been bothering me for a while now. I’ve set up a branch where I’m working on making better use of the space available to the form widgets, and removing some of the fixed-width padding and whatnot in play. It’s a change that’s gonna impact a lot of places so I want to make sure we have time to test thoroughly. Not something I’d want to try sneaking into 1.1, but know that it’s in the works.


I am using width: 78% and box-sizing: border-box (plus vendor prefixes) for inputs and textareas in widescreen mode. Works fine.


This is causing us some headaches with styles in our app, especially in the responsive design department (desktop width vs tablet width vs smartphone width). I know @Wilto's on the case but can we get a Medium or High priority tag on this ticket just to maintain visibility?


Done. This is tagged to the 1.2 milestone so it's definitely on our radar.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment