Twenty Nineteen: Aligning table to center not working on front end

[iamjaydip]

When i add Table block in editor and assign Alignment "Center" from the toolbar it's working properly in backend but it's not working properly in frontend.

[laurelfulford]

Thanks for this report, @iamjaydip!

I can see this issue, too.

[pooja1210]

Hi,

Patch report for - https://core.trac.wordpress.org/attachment/ticket/46215/46215.diff

Environment:
WordPress: v6.2.2
Theme: Twenty Nineteen
OS: Mac
Browser: Chrome

Steps to Reproduce:

1. Activate the Twenty Nineteen theme and add the table block
2. Change the position to Center.
3. Observe the table on frontend.

Expected Result: Table should be visible in center ☑️

Before Screenshot:
Backend: ​https://prnt.sc/O3HSGygRbzvU
Frontend: ​https://prnt.sc/PRC2HvrSlDLq

After Screenshot:
Backend: ​https://prnt.sc/O3HSGygRbzvU
Frontend: ​https://prnt.sc/U-0d9Yz38Cxj

Thanks!

[itpathsolutions]

#60939 was marked as a duplicate.

[karmatosed]

This is applying not in the Sass and as a result on compile it is removing. I would recommend a refresh at this point looking to bring this into the Sass files and then we can compile from there.

[poena]

I am testing the table block with Twenty Nineteen version 2.9 on WordPress 6.6-RC4-58723
and I am not able to reproduce the issue.

[poena]

Table block with center alignment, editor view

[poena]

Table block with center alignment, front view

[karmatosed]

I think the issue here is the alignment of the entire table block not the text unless I am mistaken. I can replicated the problem but only when centre aligning the entire block, not just the text.

To recreate:

1. Add a table block.
2. Centre align the entire table block.
3. It won't show on front as centre aligned or the same as the editor.

[karmatosed]

Centre aligning table

[karmatosed]

Front view