Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pattern Inserter: The preview and pattern name layout is broken #56812

Closed
t-hamano opened this issue Dec 6, 2023 · 0 comments · Fixed by #56814
Closed

Pattern Inserter: The preview and pattern name layout is broken #56812

t-hamano opened this issue Dec 6, 2023 · 0 comments · Fixed by #56814
Assignees
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@t-hamano
Copy link
Contributor

t-hamano commented Dec 6, 2023

Description

The preview and pattern name do not seem to be placed correctly in the pattern displayed in the main inserter or quick inserter.

According to what I investigated, it seems that the following style added by #56011 is having an impact. If I remove this style, it will display as intended.

.block-editor-block-preview__container {
  height: 100%;
}

Step-by-step reproduction instructions

  • Open the main inserter or quick inserter.
  • Enter some characters in the search box.
  • You should see some patterns.
  • Check the pattern preview and pattern name layout.

Screenshots, screen recording, code snippet

Main Inserter

Expected

inserter-expected

Actual

inserter-actual

Quick Inserter

Expected

quick-inserter-height-expected

Actual

quick-inserter-height-actual

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

@t-hamano t-hamano added [Type] Bug An existing feature does not function as intended [Feature] Inserter The main way to insert blocks using the + button in the editing interface [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced labels Dec 6, 2023
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Dec 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant