[Improvment] Add disclaimer for the things not working in the live preview editing

Open
#165 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 7 days

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
52/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
typescript
Domain
frontend

Research direction

Start by reproducing the three reported live preview behaviors in the Strapi website: exiting draft mode switches to the published version, formatting appears only after saving, and list items duplicate text. Use the linked video to compare the list behavior. Trace the preview editing flow and identify where draft state and rich text rendering diverge; done when edits, formatting, and lists display correctly in the preview before publishing.

Written by the indexing model from the issue text.

Description

  1. When I click to "Exit" button from the draft mode, in the strapi preview, the published version is displayed (which means I don't see saved draft anymore, even after hitting save button again).
    STR:
  • Open preview
  • Edit text in the component + see the live editation happening in the preview
  • Click "Exit" on the yellow banner in the preview window
  • Observe the version of the page displayed in the preview mode is now the published version
  • Try to edit text + save
  • Observe the changes are not displayed in the preview anymore
  1. The styles and formatting of the text are displayed only after save (e.g. bold).

  2. Lists (bullets, numbers) breaking the text component in the preview (the text is displayed again with each bullet in the component). It fixes once published.
    https://jam.dev/c/4737742a-1010-4c81-bfed-2746ee5b0011 - see the behaviour in the video.
    STR:

  • Add bullet point into the component
  • Write
  • Observe text being duplicated
  • Add another bullet point
  • Observe text being triplicated.
Dominant language
TypeScript
Stars
6
Forks
5
Avg merge
5d 6h
Merged PRs (30d)
7

Getting set up

  • No Dockerfile or Docker Compose file
  • Has a pull request template
  • No contributing guide

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.

More from strapi/website

All issues in strapi/website

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.