Make WordPress Core

Opened 10 years ago

Closed 10 years ago

Last modified 10 years ago

#27082 closed defect (bug) (fixed)

Admin Interface hides Tag Input text on post.

Reported by: john-michael's profile john-michael Owned by: nacin's profile nacin
Milestone: 3.8.2 Priority: normal
Severity: normal Version: 3.8
Component: Posts, Post Types Keywords: has-patch commit fixed-major
Focuses: ui, administration Cc:

Description

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;
    }
}

Attachments (2)

27082.patch (362 bytes) - added by SergeyBiryukov 10 years ago.
27082.png (18.3 KB) - added by SergeyBiryukov 10 years ago.

Download all attachments as: .zip

Change History (8)

#1 @nacin
10 years ago

  • Component changed from Appearance to Posts, Post Types
  • Focuses accessibility removed
  • Milestone changed from Awaiting Review to 3.8.2
  • Version changed from 3.8.1 to 3.8

@SergeyBiryukov
10 years ago

#2 @SergeyBiryukov
10 years ago

  • Keywords has-patch added

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.

#3 @SergeyBiryukov
10 years ago

  • Keywords commit added

#4 @helen
10 years ago

  • Keywords fixed-major added

In 27254:

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

#5 @nacin
10 years ago

  • Owner set to nacin
  • Resolution set to fixed
  • Status changed from new to closed

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.

#6 @helen
10 years ago

#27694 was marked as a duplicate.

Note: See TracTickets for help on using tickets.