AdvancedCustomFields / AdvancedCustomFields/acf

ACF Block v3 expanded editor fields disappear when viewport is resized to 782px or below

Open
#1,027 1 comment 1 reaction 0 assignees View on GitHub

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:

  1. 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.
  2. Open the block editor and add the ACF block.
  3. Open the block’s expanded editor.
  4. Resize the browser window to 782px wide or below.
  5. Observe that the editor fields disappear while the modal header remains visible.
  6. 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
Image

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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.