Make WordPress Core

Opened 7 weeks ago

Closed 3 weeks ago

#63237 closed defect (bug) (invalid)

Typography Size and Duotone Filter Not Working in Gutenberg Cover Block

Reported by: mdsaifullahnakih's profile mdsaifullahnakih Owned by:
Milestone: Priority: normal
Severity: normal Version: trunk
Component: Editor Keywords: close
Focuses: ui Cc:

Description

The Typography size settings (S, M, L, XL, XXL) in the Cover block do not affect the text size as expected. Additionally, the Duotone filter does not apply correctly when selected, resulting in no visual changes or inconsistencies.

Steps to Reproduce:

Typography Issue

Open a page or post in the WordPress block editor (Gutenberg).

Add a Cover block and insert an image or background color.

Add a text element (e.g., a Paragraph block) inside the Cover block.

Try changing the text size using the Typography settings (S, M, L, XL, XXL) from the sidebar.

Observe that the text size does not change despite selecting different sizes.

Duotone Issue:
Add an image inside the Cover block.

Go to the Filters section in the block settings sidebar.

Select any Duotone filter (e.g., black & white, sepia).

Observe that the filter does not apply or works inconsistently.

Expected Behavior
The text inside the Cover block should resize according to the selected typography settings.

The Duotone filter should properly apply to the image inside the Cover block.

Actual Behavior
The typography settings do not affect the text size.
The Duotone filter either does not apply at all or works inconsistently across different images.

Attachments (1)

cover.jpg (212.8 KB) - added by mdsaifullahnakih 7 weeks ago.

Download all attachments as: .zip

Change History (4)

#1 @poena
7 weeks ago

  • Component changed from General to Editor
  • Keywords close added

Hi @mdsaifullahnakih and welcome to WordPress trac!

-I am able to reproduce the text size issue. It seems like the default font sizes on paragraphs and headings have a higher CSS specificity than the cover block font sizes.

Bug reports and feature requests for the blocks and the editors are managed in the Gutenberg GitHub repository. Please search if the problems have been reported, if not, please open two separate issues, one for each bug.

These are the current issues for the cover block: https://github.com/WordPress/gutenberg/issues?q=is%3Aissue%20state%3Aopen%20label%3A%22%5BBlock%5D%20Cover%22

After that, this ticket can be closed as "reported upstream".

#2 @SirLouen
7 weeks ago

  • Keywords needs-testing removed

#3 @karmatosed
3 weeks ago

  • Milestone Awaiting Review deleted
  • Resolution set to invalid
  • Status changed from new to closed

Thank you for reporting this as it is going to be reported upstream in the GitHub repo I am going to close this. I created an issue as hadn't seen one to track this: https://github.com/WordPress/gutenberg/issues/70026.

Note: See TracTickets for help on using tickets.