Last modified: 2014-01-06 02:07:56 UTC
Created attachment 5980 [details] Screenshot from different login mask The input fields on the login mask of the Internet Explorer are not equal. The input field for the username is longer than the password field. I have attached a screenshot to show the different between FireFox 3 and Internet Explorer 7. It can be a browser issue, but I do not know about this. I have only see this behaviour by MediaWiki installation since months ago. Thanks for explanation or fixed.
Both fields specify size=20; may be something funky w/ IE deciding password fields should be displayed with a different font or such. Sizes could be forced with CSS if we care a lot.
Update Web browser.
Adding testme. Please test with Internet Explorer 8 and note the result here.
With IE8 it looks the same way
*** Bug 26951 has been marked as a duplicate of this bug. ***
*** Bug 26952 has been marked as a duplicate of this bug. ***
Per my notes on bug 26952 -- this is a longstanding IE issue which can be easily solved by setting an explicit width on the fields in CSS. However IE does its default mapping from the input 'size' attribute to a width (presumably based on font metrics in some way), it's a little narrower for password fields. A CSS width will override that with a more explicit size, which'd be win.
What is the best way to solve this? Adding input {font-family:sans-serif} to all pages or only to pages with a password field? Or adding a css rule with an id selector to the 3 pages (in core) with password fields? It looks like the sans-serif from the body is not inherit to the password field. Can some one do this, which has (good) knowledge about css and the different browser? Thanks.
Confirming for IE7 and IE8 on browserstack.com.
Rewrite of the login fixed this problem. The login and password field on the vertical login form have the same size.
