Live preview pane
- Dominant language
- JavaScript
- Stars
- 19.4k
- Forks
- 3.1k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 9
Description
The live preview pane does not update automatically as content is typed into the Markdown body field of an entry. The preview remains stale until focus leaves the editor field or the page is otherwise triggered to re-render.
1. Go to https://demo.decapcms.org/#/collections/faq/entries/continuous-deployment
2. Click into the Markdown body field in the editor pane
3. Type or edit some text
4. Observe the preview pane on the right — it does not reflect the change
5. Click outside the field (blur it) — the preview then updates
The preview pane should update in real time as content changes are made in the editor, without requiring the field to lose focus.
- Decap CMS version: (check console on demo site, e.g. 3.x)
- Git provider: N/A (demo/test-repo backend)
- OS:
- Browser version:
Demo site default config (FAQ collection): https://github.com/decaporg/decap-cms/blob/main/dev-test/config.yml
This appears to be a duplicate of #7660. Confirming reproducibility on the official demo site.
Contributor guide
Research direction
Start by reproducing the stale preview in the FAQ entry on the demo site, then inspect dev-test/config.yml to understand the Markdown body field configuration. Trace how edits are reflected in the preview and verify that each change appears immediately without blurring the field; confirm the existing blur-triggered update still works.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100