Title box being partially cropped at the bottom for add/edit post screen on any non-public post type.

[tyxla]

When creating or editing any post of a non-public post type, (e.g. when the permalink section below the title is not visible), the post title box gets partially cropped at the bottom. This results in two minor visual issues (i've attached screenshots):

1. When the title field is not focused, the border bottom is not visible - 1.jpg.
2. When the title field is focused, the border bottom and the bottom highlight (box shadow) is not visible - 2.jpg.

This issue occurs only in the trunk version, and not in 4.1.

In order to replicate the issue, you can use the code from the Elaborate example of the register_post_type() function in the Codex: ​http://codex.wordpress.org/Function_Reference/register_post_type#Example . You simply have to change the public to false to make the post type non-public.

[tyxla]

Title box when not focused

[tyxla]

Title box when focused

[tyxla]

Attaching a fix of the issue. This pushes the title field box 3px to the bottom, so the border and the focus highlight is now visible on all resolutions.

[SergeyBiryukov]

This issue occurs only in the trunk version, and not in 4.1.

Would be good to find the changeset that caused it.

[tyxla]

Actually, after thoroughly testing on fresh installations (without plugins and with the default theme), I discovered that:

1. This bug appears on 4.0, 4.0.1 and 4.1 as well.
2. This bug does not appear on 3.9.2, nor 3.9.3.

So it appears that it was introduced in 4.0.

[DrewAPicture]

30968.patch​ fixes it for me.

[jipmoors]

display fix by height/line-height removal

[jipmoors]

It seems to me that the height on the input box (#titlediv #title) is causing this problem. height: 1.7em.

Removed in Chrome + Safari it restores how it should look but Firefox was giving me trouble until I removed the weird line-height: 100% which shouldn't be used like this because it will be at 100% of the font-height, not the container height.
Removing that aswel gives me expected results in all (tested) browsers.

Have to test on other browsers to verify a 100% solution of the problem.

[valendesigns]

Actually the issue appears to have been introduced at 4.0 when margin-bottom: 10px; was removed from the #titlediv. I can't find the exact changeset but have done a fair bit of testing. Another related issue appears to be from changeset 30338 where the #post-body-content was given a relative position via JS and when that bit of code is removed the issue disappears, as well. In my opinion we should just add 3px of bottom margin back to the #titlediv and move on. Patch 30968.2.diff​ has that style change.

[helen]

In 32071:

Ensure post title input is not shortened for non-public post types.

props tyxla.
fixes #30968.