Dots above Umlauts are not visible in title input field

[zodiac1978]

If I have capital umlauts in a title ("ÜÖÄ") I don't see the dots above them in my title input field (see attachment).

FF 18 for Mac on Snow Leopard (Mac OS X 10.6.8)
In Safari 5.1.7 and Chrome 24 the bug is not there.

Maybe add some height/padding to the CSS like this:
#titlediv #title { height: 34px; padding: 5px 8px 0px 5px; }

[zodiac1978]

Firefox-Bug Input title field with umlauts

[ocean90]

Firefox ​ignores the line-height because it declares line-height with normal !important. You can find this by opening jar:file:///Applications/Firefox.app/Contents/MacOS/omni.ja!/chrome/toolkit/res/forms.css in Firefox.

Since we are also using sans-serif, which is Helvetica on OS X and a bit bigger, the dots are now hidden.

Seems like the only solution is to set a height explicit. Done in 23189.patch​.

[ocean90]

Refreshed

[lessbloat]

Removed the vertical padding tweak in 23189.3.patch​, as it won't have any affect. Other than that, it looks good to me.

[helen]

We *really* need to stay away from pixel heights on things like inputs, please. 23189.diff​ seems to work for me.

[ocean90]

Replying to lessbloat:

Removed the vertical padding tweak in 23189.3.patch​, as it won't have any affect. Other than that, it looks good to me.

The reason for the padding and why we should add it back:

[lessbloat]

Replying to ocean90:

The reason for the padding and why we should add it back:

You're right. See 23189.4.diff.

[ocean90]

Refreshed

[ocean90]

In 23976:

Set a height for post title input

Firefox ​ignores the line-height because it declares line-height with normal !important in one of it's browser stylesheets. This can result in missing dots above umlauts.

props helen, lessbloat.
fixes #23189