Make WordPress Core

Opened 11 years ago

Closed 11 years ago

#20887 closed defect (bug) (worksforme)

Widget titles - some characters cropped

Reported by: pavelevap's profile pavelevap Owned by:
Milestone: Priority: low
Severity: minor Version: 3.2
Component: UI Keywords: has-patch
Focuses: Cc:


Some characters are cropped in widget titles in administration, please see attached screenshot (using latest trunk, Chrome).

1) Current situation (cropped "j" characters").

2) Removing line-height: 1; shows all characters, but the whole title is moved a little down.

Attachments (6)

Widget_titles.jpg (7.7 KB) - added by pavelevap 11 years ago.
20887.patch (489 bytes) - added by SergeyBiryukov 11 years ago.
20887.after.png (6.1 KB) - added by SergeyBiryukov 11 years ago.
20887.tag-cloud.png (6.1 KB) - added by SergeyBiryukov 11 years ago.
20887.2.patch (477 bytes) - added by SergeyBiryukov 11 years ago.
Refreshed after [21592]
20887.3.patch (528 bytes) - added by lessbloat 11 years ago.
Added note about odd line height in CSS.

Download all attachments as: .zip

Change History (19)

#1 @alexvorn2
11 years ago

maybe the problem is in the translated text?

#2 @pavelevap
11 years ago

I do not think so, tested also in original english version, you can see this problem for example at "Categories" widget.

#3 @alexvorn2
11 years ago

maybe to remove the overflow property instead of line-height...
not only j character is cropped but p, g also...

#4 @alexvorn2
11 years ago

  • Keywords needs-patch added
  • Severity changed from normal to major

#5 @nacin
11 years ago

Is this a problem in 3.3, or just 3.4?

#6 @pavelevap
11 years ago

I noticed this problem also in 3.2.1.

#7 @alexvorn2
11 years ago

@nacin Version 3.3.2, 3.4 too

#8 @ocean90
11 years ago

  • Version changed from 3.4 to 3.2

#9 @azaozz
11 years ago

  • Component changed from Widgets to UI
  • Milestone changed from Awaiting Review to Future Release
  • Priority changed from normal to low
  • Severity changed from major to minor

This is dependent on the font and the browser. Generally line-height: 1; shouldn't hide the top and bottom bits of letters only make the lines "touch" vertically. However some browsers don't render this properly.

Thinking there are few more places where this may be happening.

(BTW, perhaps we need "CSS" component for things like this?)

#10 @SergeyBiryukov
11 years ago

  • Keywords has-patch added; needs-patch removed

#11 @SergeyBiryukov
11 years ago

  • Milestone changed from Future Release to 3.5

To reproduce, move Tag Cloud widget to the Inactive Widgets area (20887.tag-cloud.png).

20887.patch fixes that as well. Tested in Firefox 13, Chrome 19, IE 8, Opera 11.64.

11 years ago

Refreshed after [21592]

11 years ago

Added note about odd line height in CSS.

#12 @lessbloat
11 years ago

While I couldn't replicate the issue without the patch, after applying the patch, everything looks fine.

#13 @SergeyBiryukov
11 years ago

  • Milestone 3.5 deleted
  • Resolution set to worksforme
  • Status changed from new to closed

Tested again in Firefox 15, Chrome 22, IE 7, IE 8, Opera 12.

Could not reproduce Widget_titles.jpg or 20887.tag-cloud.png in current trunk.

Note: See TracTickets for help on using tickets.