decaporg / decaporg/decap-cms

Live preview pane

Open
#7,940 0 comments 0 reactions 0 assignees View on GitHub
area: ui/editor/preview-pane type: bug
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.