Last modified: 2014-09-23 00:14:21 UTC
Created attachment 12411 [details] IE8 See attachment from IE8. In all versions up of IE up to 8 the placeholders appear as strange bars.
Only the password. The username looks fine, except that the color didn't take. 'placeholder' is an HTML 5 feature, but for unsupported browsers (see http://caniuse.com/#search=placeholder), we use a special module jquery.placeholder. I've moved this to the JavaScript module accordingly. jquery.placeholder works by putting the placeholder in the value. Then, JavaScript erases it when you click into the field. This breaks down for password fields, since you can't see the actual text. I'll add screenshots for IE9. It doesn't work there either; it should in IE10, since that has native placeholder.
Created attachment 12412 [details] New create account screen in IE9
Created attachment 12413 [details] IE9 log in
(In reply to comment #1) > Only the password. The username looks fine, except that the color didn't > take. > > 'placeholder' is an HTML 5 feature, but for unsupported browsers (see > http://caniuse.com/#search=placeholder), we use a special module > jquery.placeholder. I've moved this to the JavaScript module accordingly. > jquery.placeholder works by putting the placeholder in the value. Then, > JavaScript erases it when you click into the field. > > This breaks down for password fields, since you can't see the actual text. > > I'll add screenshots for IE9. It doesn't work there either; it should in > IE10, > since that has native placeholder. Yeah the blanking when clicking in the field doesn't work quite right in IE9, but at least the placeholder text is the right shape, so users know what it is.
Steven checked further, and the clicking does work. I found some suggestions on how to deal with the bar/dot problem. I'll submit a Gerrit when I get it to work.
I have a draft fix at https://gerrit.wikimedia.org/r/#/c/65871/ It doesn't completely work for IE6 or IE7 since there's some kind of JS error. Unfortunately, IE8 is the first one with a tolerable script debugger, and the error doesn't appear IE8+. So another set of eyes would be helpful.
(In reply to Matthew Flaschen from comment #6) > It doesn't completely work for IE6 or IE7 since there's some kind of JS > error. Unfortunately, IE8 is the first one with a tolerable script > debugger, and the error doesn't appear IE8+. We're no longer serving JavaScript to IE 6 and IE 7, so we should retest this. (Also, I believe IE 6 and IE 7 will no longer show any placeholder, broken or otherwise. We're no longer serving JavaScript to them, so the shim won't load.)
Tested in Sauce for IE 6-9. No longer an issue, though there other problems natch.
