Block visibility supports: implement block visibility based on breakpoints#10629

Open

ramonjd wants to merge 14 commits intoWordPress:trunkfrom

ramonjd:add/block-visibility-at-breakpoints-supports

Commits on Jan 16, 2026

Enhancement: Add support for `display` property in CSS filtering and implement block visibility based on breakpoints.
ramonjd
committed
removing unnecessary sanitization and improving class name generation
ramonjd
committed
This commit introduces a new test to verify that block content is empty when all visibility breakpoints (mobile, tablet, desktop) are set to false.
ramonjd
committed
Sync with https://github.com/WordPress/gutenberg/pull/73994/
ramonjd
committed
whoops
ramonjd
committed
Update block visibility tests to disable CSS prettification in stylesheet retrieval. This change ensures that the generated styles for mobile, tablet, and desktop breakpoints are returned without a…
ramonjd
committed
Adjusted max-width values from 599px to 479px to match breakpoints.scss values
ramonjd
committed
Update block visibility breakpoints for mobile and tablet sizes to align with design specifications. Adjust corresponding unit tests to reflect the new breakpoint values.
ramonjd
committed
Refactor block visibility media queries to use CSS range syntax for improved clarity. Update unit tests to reflect changes in breakpoint definitions for mobile, tablet, and desktop visibility rules.
ramonjd
committed
Sync https://github.com/WordPress/gutenberg/pull/74602
ramonjd
committed
Use "viewport" instead of breakpoint to refer to metadata keys and values.
ramonjd
committed
Fix broken test (wrong fixture)
ramonjd
committed
Sync with https://github.com/WordPress/gutenberg/pull/74679
ramonjd
committed
Refine comments and logic in block visibility support for clarity. Update media query generation to ensure accurate handling of viewport sizes.
ramonjd
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Block visibility supports: implement block visibility based on breakpoints#10629

Block visibility supports: implement block visibility based on breakpoints#10629
ramonjd wants to merge 14 commits intoWordPress:trunkfrom
ramonjd:add/block-visibility-at-breakpoints-supports

Commits on Jan 16, 2026

Enhancement: Add support for `display` property in CSS filtering and implement block visibility based on breakpoints.

removing unnecessary sanitization and improving class name generation

This commit introduces a new test to verify that block content is empty when all visibility breakpoints (mobile, tablet, desktop) are set to false.

Sync with https://github.com/WordPress/gutenberg/pull/73994/

whoops

Update block visibility tests to disable CSS prettification in stylesheet retrieval. This change ensures that the generated styles for mobile, tablet, and desktop breakpoints are returned without a…

Adjusted max-width values from 599px to 479px to match breakpoints.scss values

Update block visibility breakpoints for mobile and tablet sizes to align with design specifications. Adjust corresponding unit tests to reflect the new breakpoint values.

Refactor block visibility media queries to use CSS range syntax for improved clarity. Update unit tests to reflect changes in breakpoint definitions for mobile, tablet, and desktop visibility rules.

Sync https://github.com/WordPress/gutenberg/pull/74602

Use "viewport" instead of breakpoint to refer to metadata keys and values.

Fix broken test (wrong fixture)

Sync with https://github.com/WordPress/gutenberg/pull/74679

Refine comments and logic in block visibility support for clarity. Update media query generation to ensure accurate handling of viewport sizes.