{"issue":{"milestone":null,"user":{"id":460091,"login":"amiuhle","url":"https://api.github.com/users/amiuhle","avatar_url":"https://secure.gravatar.com/avatar/1e7bc97e151a6547cc7bab7ce680cb4a?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png","gravatar_id":"1e7bc97e151a6547cc7bab7ce680cb4a"},"title":"Use box-sizing for text inputs","created_at":"2011-12-20T12:05:15Z","labels":[],"updated_at":"2011-12-20T12:05:15Z","state":"open","id":2612159,"html_url":"https://github.com/jquery/jquery-mobile/issues/3307","closed_at":null,"pull_request":{"patch_url":null,"html_url":null,"diff_url":null},"body":"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.\r\n\r\nIn my current project, I fixed it by using box-sizing:\r\n\r\n```css\r\ninput.ui-input-text, textarea.ui-input-text {\r\n  box-sizing: border-box;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  width: 100%;\r\n}\r\n```\r\n\r\nI 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.\r\n\r\nIs there a specific reason you are using the 97% solution, or can I submit a pull request which fixes this?","number":3307,"url":"https://api.github.com/repos/jquery/jquery-mobile/issues/3307","comments":0,"assignee":null},"action":"opened"}