Admin Interface hides Tag Input text on post.

[john-michael]

When creating or editing a post in the admin interface, the text in the tag input becomes invisible (cannot be seen) when the window is < 783 px wide. This is not happening in chrome (Chrome 32.0.1700.107) on Windows 7, but it does occur on Firefox (Firefox 27.0) on Windows 7.

Disabling either of the two css rules prevents the issue:

1. height: 28px;
2. padding: 25px 10px;

1.

.search-box input[name="s"], #search-plugins input[name="s"], .tagsdiv .newtag {
    float: left;
    height: 28px;
    margin: 0px 4px 0px 0px;
}

2.

@media screen and (max-width:782px){
    tagsdiv .newtag {
        width: 100%;
        padding: 25px 10px;
        margin-bottom: 15px;
    }
}

[SergeyBiryukov]

Confirmed.

I think we can drop the padding and add height: auto instead. Otherwise the input looks huge, even larger than the title. See 27082.patch​ and before/after screenshot 27082.png​.

[helen]

In 27254:

Fix the tags input in small viewports and make it a more reasonable size. props SergeyBiryukov. fixes #27082.

[nacin]

In 27877:

Fix two CSS issues in the 3.8 branch.

• Comments dashboard widget: Use the proper class to avoid stretched "unapproved" red lines. [27564]
• Fix the tags input in small viewports and make it a more reasonable size. (Was unusable in Firefox.) [27254]

fixes #26910, #27082.

[helen]

#27694 was marked as a duplicate.