AdvancedCustomFields / AdvancedCustomFields/acf
ACF Block v3 expanded editor fields disappear when viewport is resized to 782px or below
Nobody has claimed this yet.
- Dominant language
- PHP
- Stars
- 945
- Forks
- 197
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
With WordPress 7.1 and ACF PRO 6.8.9, the fields in an ACF Block v3 expanded editor do not display when the browser viewport is 782px wide or below. The modal header remains visible, but .acf-modal-block-form-container becomes empty with a height of 0.
To Reproduce
Steps to reproduce the behavior:
- Using a classic or block WordPress theme with WordPress 7.1 and ACF PRO 6.8.9, register an ACF Block v3 using either acf_register_block_type() or the block.json method.
- Open the block editor and add the ACF block.
- Open the block’s expanded editor.
- Resize the browser window to 782px wide or below.
- Observe that the editor fields disappear while the modal header remains visible.
- Close and reopen the expanded editor and observe that the fields reappear.
Expected behavior
The expanded editor fields should remain visible and functional when the browser viewport is resized to 782px wide or below.
Screenshots or Video
Version Information:
- WordPress 7.1
- ACF Pro 6.8.9
- PHP 8.4
- Chrome 151.0.7922.174 and Firefox 154.0.1
- macOS 15.7.3
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in the block editor using an ACF Block v3 registered with acf_register_block_type() or block.json, then inspect .acf-modal-block-form-container while resizing to 782px or below. Done means the expanded editor fields remain visible and functional after resizing, without needing to close and reopen the editor.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- php
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100