jquery/jquery-mobile — Issue #3307: Use box-sizing for text inputs
Author: amiuhle
Created: 2011-12-20 12:05:15+00:00
State: open

Currently, text inputs are set to 97% (or 60% for @media(min-width: 450px)). Because of the CSS box model, they are wider than radio groups or checkboxes because they have padding and border.

In my current project, I fixed it by using box-sizing:

```css
input.ui-input-text, textarea.ui-input-text {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
}
```

I couldn't find any disadvantages, I tested it on Chrome and webkit based mobile browsers, and according to [caniuse.com](http://caniuse.com/#search=box-sizing), this works on all major browsers.

Is there a specific reason you are using the 97% solution, or can I submit a pull request which fixes this?