Caps Lock indicator not shown in password input with display:block

• Component: Forms
• Status: RESOLVED FIXED

[Chris Rebert]

Created attachment 246903 [details]
Screenshot to clarify what icon/indicator this bug refers to

Safari Version: 8.0.3 (10600.3.18)
OS X version: 10.10.2

Original Bootstrap bug report: https://github.com/twbs/bootstrap/issues/15832

What steps will reproduce the problem?
1. Open http://jsbin.com/tulexi/2/edit in Safari on OS X.
2. Press the Caps Lock key on your keyboard to activate Caps Lock.
3. Click into each of the <input type="password> fields on the page and look at the right side of the field.

What is the expected result?
Like the rest of the fields, the first field (that says and is styled with "display: block") should show a right-aligned gray-and-white up-arrow icon, indicating that Caps Lock is active (see screenshot).

What happens instead of that?
Unlike the rest of the fields, the first field does not show any Caps Lock indicator icon.

Other information
Chrome 40 also suffers from the same bug.

[Chris Rebert]

I've also filed <rdar://problem/19892433> regarding this bug.

[Chris Rebert]

Equivalent Chrome bug: https://code.google.com/p/chromium/issues/detail?id=460200

[Chris Rebert]

Created attachment 252552 [details]
Copy of JS Bin example

[Simon Fraser (smfr)]

This is fixed now.

[Chris Rebert]

Confirmed fixed as of r186963.
I've removed the entry from Bootstrap's Wall:
https://github.com/twbs/bootstrap/pull/16840