Twenty Ten: Table block having issue with font size on editor side

[iamfarhan09]

Steps to reproduce the issue:-
Activate Twenty Ten Theme.
Choose Table block.
Add some text to the table.
Now change the font size and check it on both the side editor and user side.
You can able to see the change on the front side but the editor side have no change even after applying a different style font size.
I have attached a video for better understanding.
Video URL:- ​https://video.drift.com/v/abqA2x1QjxW/

Trac ticket: https://core.trac.wordpress.org/ticket/58362

[bijit027]

I am currently using twenty-fifteen themes and here I also faced the same issue. I think many themes have similar issues.
here is the video link: ​https://drive.google.com/file/d/1wgE8umFUKzidPu4MZK-rsorCCrOmnf0E/view?usp=share_link

PHP version: 8.1.13
WordPress: 6.2.1

[sabernhardt]

Hi and thanks for the report!

For this and any other tickets related to font size in tables, I made a set of ​Table and Calendar blocks. Changes to one of the blocks can affect the other, or one may need the same type of change as the other.

PR 4478 would change the default font size for anyone who likes it the way it is. It also does not adjust the header cells on the front end (which would need a relative line-height instead of pixel dimensions to accommodate larger font sizes).

[sabernhardt]

inherits font size in header and data cells when customized for Table or Calendar blocks, using a relative line-height

[sabernhardt]

58362.diff​ follows the pattern of [57897], applying it to both the Table and Calendar blocks.

The line-height values probably should have been relative in the main stylesheet for any elements to work with larger font sizes, but I only added 1.5 for these blocks to match the equivalent pixel dimensions:

#content,
#content input,
#content textarea {
  font-size: 16px;
  line-height: 24px;
}
#content tr th,
#content thead th {
  font-size: 12px;
  line-height: 18px;
}

[karmatosed]

@sabernhardt I am having a little issue getting this patch to work today, would you be able to confirm it is working for you with the latest version of WordPress please?

[sabernhardt]

I applied the patch (SVN), and the editor (both iframe and v2) was showing the special font sizes. However, I needed to clear cache to see the updated styles on the front (blocks.css).

[karmatosed]

I am going to try and test this now we have instructions thank you @sabernhardt.

[karmatosed]

In 58633:

Twenty Ten: Fixes table and calendar block font size issues.

The table and calendar block font sizes were not the same on front and in editor. This resolves in using relative line-height.

Props iamfarhan09, bijit027, sabernhardt.
Fixes #58362.