WordPress.org

Make WordPress Core

Opened 11 months ago

Last modified 11 months ago

#46048 new defect (bug)

Twenty Nineteen: Latest posts block: Post title overlaps other titles on certain screen widths

Reported by: arunsathiya Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.0.3
Component: Bundled Theme Keywords: has-screenshots has-patch ui-feedback needs-testing
Focuses: ui Cc:
PR Number:

Description

Affects: Only Twenty Nineteen. Does not affect other core themes like Twenty Seventeen or Twenty Sixteen.

On certain screen widths, with the "Latest posts" Gutenberg block, the long post title overlaps with the nearby titles. This seems to happen only for titles having characters like "/" on it, at the end. I haven't been able to see if this is the case with other special characters.

The attached images can help understand this better.

Video https://cloudup.com/c2G8sjrlp1b showing that this is not affected with other themes like Twenty Seventeen.

Attachments (3)

Screenshot 2019-01-21 at 21.18.01.png (144.3 KB) - added by arunsathiya 11 months ago.
Title overlapping with other titles on "Latest posts" Gutenberg block with Twenty Nineteen
Screenshot 2019-01-21 at 21.18.08.png (184.5 KB) - added by arunsathiya 11 months ago.
Title overlapping with other titles on "Latest posts" Gutenberg block with Twenty Nineteen
46048.patch (1.9 KB) - added by mukesh27 11 months ago.
Patch.

Download all attachments as: .zip

Change History (5)

@arunsathiya
11 months ago

Title overlapping with other titles on "Latest posts" Gutenberg block with Twenty Nineteen

@arunsathiya
11 months ago

Title overlapping with other titles on "Latest posts" Gutenberg block with Twenty Nineteen

#1 @mukesh27
11 months ago

  • Focuses ui added
  • Keywords has-screenshots has-patch ui-feedback added

Hi @arunsathiya, Welcome to WordPres Trac! Thanks for the report.

i also replicate same issue in my setup when string is longer without space, So need to add word-break: break-word; in grid layout CSS.

@mukesh27
11 months ago

Patch.

#2 @laurelfulford
11 months ago

  • Keywords needs-testing added
  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.