Twenty Nineteen: paragraph does not inherit font size from parent block within the editor

[pitamdey]

In Twenty Nineteen Theme, The typography setting of Details Block is not working properly i.e. if we change the size then it is not reflecting on the editor side but it is reflecting in the front end. This is working properly in another theme so I think we have to make the same for this theme also

Here is the recording for better understanding :
​https://www.loom.com/share/3f7a1220bd5c4927b343561fd89250b3?sid=9c578532-fee6-47a2-a9ed-896b9b251df5

[krupajnanda]

Hi @pitamdey

Thank you for reporting the bug. I'm able to replicate the issue mentioned.

Reproduction Report

Description

This report validates the issue can be reproduced.

Environment

• WordPress: 6.4.3
• PHP: 8.2.0
• Server: Apache/2.4.54 (Unix) OpenSSL/1.0.2u PHP/8.2.0 mod_wsgi/3.5 Python/2.7.18 mod_fastcgi/mod_fastcgi-SNAP-0910052141 mod_perl/2.0.11 Perl/v5.30.1
• Database: mysqli (Server: 5.7.39 / Client: mysqlnd 8.2.0)
• Browser: Chrome 123.0.0.0
• OS: macOS
• Theme: Twenty Nineteen 2.7
• MU Plugins: None activated
• Plugins:
  • Core Rollback 1.3.5
  • Query Monitor 3.15.0
  • Test Reports 1.1.0
  • WordPress Beta Tester 3.5.5

Actual Results

1. ✅ Error condition occurs (reproduced).

Additional Notes

• N/A

Supplemental Artifacts

Add as Attachment

[krupajnanda]

This visual shows that change in typography does not work as expected for summary in back end.

[sabernhardt]

When a Group or Columns block has its own font size and contains Paragraph blocks, the paragraphs do not match the special font size from those parent blocks either. On the front end, the paragraphs match Group, Columns or Details block font sizes.

Version note: Although the Typography setting was not available with WordPress 5.0 and Twenty Nineteen 1.0, entering a has-larger-font-size class for a Columns block already would have had the same issue in the editor. The style-editor.scss stylesheet has targeted the p element in addition to body since ​initial commit, yet the front-end stylesheet sets font size on the html and body elements instead.