AdvancedCustomFields / AdvancedCustomFields/acf
ACF Blocks V3 - Saving in preview mode doesn't work reliably when you type fast within the input fields or manipulate text via keyboard shortcuts
Nobody has claimed this yet.
- Dominant language
- PHP
- Stars
- 945
- Forks
- 197
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Added a video of the bug below.
I am using the latest version of ACF Blocks V3 with version ACF PRO 6.6.1.
When you type within an input field (e.g. wysiwyg) in preview mode, the live preview is lagging behind when you type fast or use a keyboard shortcuts like copy & paste, alt+backspace or cmd+backspace.
The live preview can't keep up.
When the live preview is out of sync with what you just typed, it will wrongly save what is inside the preview mode, inside of the up to date content of your input field.
I've added a video of the bug below.
To Reproduce
Steps to reproduce the behavior:
- Create an ACF block with a wysiwyg text field
- Use the block in preview mode
- Quickly type a sentence or a couple of words, quickly do a deletion of some words via alt+backspace or cmd+backspace
- You will see the text in preview being out of sync with the text in the wysiwyg area
- When you save the page, only the text from the preview will be saved. Not what you actually wrote in the wysiwyg.
Maybe the bug is also occurs on other input fields such as plain text or textarea, but I haven't tested these yet.
Expected behavior
The preview mode should be an accurate representation of what you type. Even if you type fast, or use keyboard shortcuts to manipulate text. When you're done typing, it should do a refresh after a couple of ms.
When saving an edited post, the saved post should always be what you just entered in a text or input field.
Otherwise editors may save posts or pages, and end up with broken text when they view the website.
Screenshots or Video
Demo of the bug:
https://github.com/user-attachments/assets/f52e9c74-9c04-4dc0-9e65-9d8ab337abc6
Version Information:
- WordPress 6.8.3
- PHP 8.2.27
- ACF PRO 6.6.1
- Browser (Chromium Engine Version 141.0.7390.108)
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 with an ACF Blocks V3 block containing a wysiwyg field in preview mode, typing quickly and using alt+backspace or cmd+backspace. Compare the input with the live preview and saved post; done means rapid edits and keyboard shortcuts remain synchronized and saving preserves the latest entered content.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- php, wordpress
- Domain
- content, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100