field 60% width

[semoi]

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=""  />
                </div>

[jblas]

@semoi

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

[semoi]

@jblas
It's in the 1.0's doc : http://jquerymobile.com/demos/1.0/docs/forms/forms-all.html

[evgenyneu]

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

[agcolom]

This seems to be also the problem for #3486

[toddparker]

@Wilto will give these a look soon.

[Wilto]

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.

[evgenyneu]

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

[jakeboone02]

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?

[toddparker]

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