WordPress.org

Make WordPress Core

Opened 8 years ago

Closed 8 years ago

Last modified 8 years ago

#27082 closed defect (bug) (fixed)

Admin Interface hides Tag Input text on post.

Reported by: john-michael Owned by: 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 8 years ago.
27082.png (18.3 KB) - added by SergeyBiryukov 8 years ago.

Download all attachments as: .zip

Change History (8)

#1 @nacin
8 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
8 years ago

#2 @SergeyBiryukov
8 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
8 years ago

  • Keywords commit added

#4 @helen
8 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
8 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
8 years ago

#27694 was marked as a duplicate.

Note: See TracTickets for help on using tickets.