Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
While testing this responsive design I’m currently working on, I’ve noticed a weird text input field “width” bug pushing the window to the right on Mobile Safari, which I don’t seem to be able to understand. If you check it on your computers, it will show just fine though. I’ve tested this both on my iPod and on iOS Simulator (bug shows up on all devices). Any suggestions?
So, basically, Mobile Safari and Desktop Safari have different default stylesheets. While you’re doing a good job with widths, etc, the one thing you’re missing is explicitly setting padding on the input. Guessing this is the culprit (desktop Safari inherently makes input padding 1px, probably a few px bigger in mobile). I see you’re using -webkit-appearance: none (nice), so, as long as you explicitly declare padding, you should be good.