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="" />
What version of the framework are you using? @toddmparker, didn't we fix this for 1.0?
It's in the 1.0's doc : http://jquerymobile.com/demos/1.0/docs/forms/forms-all.html
+1 to @semoi
Is it a bug or was it supposed to be 60% If so, why?
This seems to be also the problem for #3486
@wilto will give these a look soon.
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.
Fixes #3301 - Full width forms.