Repository navigation
Responsive visibility does not work for blocks without a wrapper tag, such as custom HTML blocks. #76128
Description
Description
The responsive hide feature uses media queries. If there is no wrapper tag, the class is not added, and the hide CSS will not be applied.
A support flag like
"visibility": {
"viewport": false
}might be necessary in block.json's supports property.
This feature will be introduced from WordPress 7.0, so a backport might be necessary.
Step-by-step reproduction instructions
- Go to post or page.
- Insert custom html block.
- Hide on Desktop
- You will see that the content of the custom HTML block is displayed on desktop as well.
Screenshots, screen recording, code snippet
visible.mp4
Environment info
- WordPress beta 2
Please confirm that you have searched existing issues in the repo.
- Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
- Yes
Please confirm which theme type you used for testing.
- Block
- Classic
- Hybrid (e.g. classic with theme.json)
- Not sure
Activity
sagarjadhav commentedon Mar 4, 2026
I was able to reproduce this issue on WordPress 7.0 Beta.
After reviewing the
core/htmlblock implementation, I confirmed that:classNamesupport.save.I tested explicitly disabling viewport visibility support by adding the following to
packages/block-library/src/html/block.json:After rebuilding:
I’ve opened a PR implementing this approach for review: #76138. Happy to adjust if a different direction is preferred.