WordPress / WordPress/pattern-directory

Pattern Directory editor not applying block styles for new patterns (styles only visible in preview)

Open
#731 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
PHP
Stars
134
Forks
46
Avg merge
9h 4m
Merged PRs (30d)
19

Description

Summary

When I create a new pattern in the WordPress.org Pattern Directory, the visual styles are not applied correctly inside the editor. After saving the pattern and viewing the public preview, all the styles appear correctly there.

Steps to reproduce

Go to WordPress.org → Patterns → “My patterns”.

Click New pattern to create a new pattern.

Add blocks (for example: Cover → Columns → Heading, Paragraph, Buttons, List, etc.).

Apply styles in the block settings (background, layout, spacing, etc.).

Look at the pattern inside the editor canvas.

Save the pattern.

Open the public pattern preview page.

Expected behavior
The editor should render the pattern with the same styles that appear in the public preview, so the design I see while editing matches the final pattern.

Actual behavior
In the editor, many of the styles are not applied (the layout looks plain and without the expected visual styling).
After saving and viewing the pattern preview, all styles are applied correctly and the design looks as intended.

Image Image

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

Start by reproducing the issue in Patterns → My patterns with a new pattern, then compare its editor canvas with the saved public preview. Trace how block styles are supplied to the editor and verify that the canvas renders the same layout, spacing, background, and other styles as the preview.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.