Twenty Seventeen: Latest Posts block having issue with alignment options

[nidhidhandhukiya]

Steps to reproduce the issue:-

1. Activate Twenty Seventeen theme.
2. Choose Latest posts block.
3. Choose alignment any left, right or center.

In both the editor and front-end, Left and Right alignment show no visible effect. When Center is selected, it aligns only the text on the front-end, not the entire block. This behavior is inconsistent—alignment should apply uniformly across all options for clarity and consistency.

[viralsampat]

I have resolved the issue and attached its patch.

[viralsampat]

Patch

[sainathpoojary]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63386/63386.patch

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.28
• Server: nginx/1.27.5
• Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
• Browser: Chrome 135.0.0.0
• OS: macOS
• Theme: Twenty Seventeen 3.9
• MU Plugins: None activated
• Plugins: Test Reports 1.2.0

Actual Results

✅ Patch fixes the block alignment issue in Twenty Seventeen. Left, right, and center now work properly in both the editor and front-end.

Supplemental Artifacts

Video: ​https://rioudcpuyg.ufs.sh/f/PL8E4NiPUWyOGlRpdENEeschquBM6yNU3LCFxWSw4rTfmliR

[darshitrajyaguru97]

Test Report

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63386/63386.patch

Environment:

OS: Windows 10
PHP: 8.2.12
WordPress: 6.9-alpha-60093-src
Browser: Chrome
Theme: Twenty seventeen
Plugins: None activated

Actual Results:

✅ Before patch:
Screen Recording: ​https://tinyurl.com/238v2ovs

✅ After patch:
Screen Recording: ​https://tinyurl.com/28zjr4sn

✅ Patch fixed the block alignment issue

[sabernhardt]

63386.patch proposes to

1. Align text to the right, on the front end, within Archives, Categories List and Latest Posts blocks that are set to Align right. If this is done, the editor would also need to position the list marker inside.
2. Assign a text alignment in the editor for potentially any blocks set to Align left, center or right (if the block is inside a div with a data-align attribute).

However, the Left, Center and Right alignment options are intended for aligning the full block, not always aligning the text within them. People might expect the text alignment to change too, but that is not certain.

Personally, I do not find much value in aligning (floating) a Latest Posts block to the left or right, and aligning the text of post content/excerpt paragraphs to the right (or center) can make them more difficult to read.

[SirLouen]

Replying to sabernhardt:

Personally, I do not find much value in aligning (floating) a Latest Posts block to the left or right, and aligning the text of post content/excerpt paragraphs to the right (or center) can make them more difficult to read.

I don't really get this.

With the class .allignright I think that this is pretty much what's intended

And with the data-align it's almost the same logic. I'm not a big fan of these patches, but this seems to be pretty straightforward. What is your alternative?

[sabernhardt]

Latest Posts blocks aligned right within page content on the front end, showing how narrow blocks float and how wider blocks have a left margin (without the patch)

[sabernhardt]

before patch: Latest Posts, Archives, and Categories Lists blocks set to Align center in the editor

[sabernhardt]

before patch: the three different blocks centered on the front end

[sabernhardt]

I would focus on fixing the center alignment—in the theme's editor styles—and avoid adding styles for .alignright and its data-align counterpart.

With Twenty Seventeen, the 'Align center' option centers the text on the front end for the Latest Posts, Archives and Categories List blocks. The theme also moves any bulleted list markers next to the text. However, the editor does not center text for the Archives or Latest Posts blocks, and the list markers are still on the left for the Categories List block.

I think relatively few sites would use the right and/or left alignment options with this block (I probably would never choose those options). More importantly, any new front-end styles after six years could be inappropriate and unwelcome for some of the sites that already float the block to either side.

[sabernhardt]

corrects center alignment in editor (updates selectors, adds text-align to the 3 blocks, and removes padding for Archives block)

[sabernhardt]

centered blocks in editor with 63386.center.patch