Commit @0f81773 seems to degrade text inputs on FF, IE

[plievone]

Examples in http://jquerymobile.com/test/docs/forms/textinputs/ have no padding in FF and IE. Chrome works ok. It seems that couple of padding: .4em 1.5%; in https://github.com/jquery/jquery-mobile/blob/master/css/structure/jquery.mobile.forms.textinput.css do not work properly. One of the rules was added around commit @0f81773. As a workaround I use padding: .4em in my stylesheets until this regression is fixed.

[johnbender]

@plievone

Thanks for submitting. We'll take a look.

[toddparker]

Looks like this rule to set horizontal padding isn't working in FF/IE:

input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em 1.5%; line-height: 1.4; font-size: 16px; display: block; width: 97%; }

I was an even .4em and that commit added the 1.5% left/right padding rule. Just want to confirm why this was added by @Wilto before changing it.

[Wilto]

Totally my bad on this—the percentage-based padding was to account for the width: 97% I added to ensure that textareas/text inputs outside of a fieldcontain span the full available width. A static .4em padding all around seems small enough that it doesn’t really throw things off.

[plievone]

Thanks for quick fix. However, there still exists another rule for hidden labels with the same issue

.ui-hide-label input.ui-input-text, 
    .ui-hide-label textarea.ui-input-text, 
    .ui-hide-label .ui-input-search { padding: .4em 1.5%; width: 97%; }

For example, see the first field in http://jquerymobile.com/test/docs/forms/docs-forms.html

[plievone]

Thanks, and here's a link to Firefox bug tracker if somebody wants to follow this further:
"Bug 527459 - Padding specified in percent ignored on text inputs"
https://bugzilla.mozilla.org/show_bug.cgi?id=527459

[toddparker]

Thanks for the link to that issue. Seems like it has a lot of people's attention.