craftcms / craftcms/cms

[5.x]: Matrix entry slideout gets cut-off in live preview

Open
#16,810 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
PHP
Stars
3.6k
Forks
705
Avg merge
1d 5h
Merged PRs (30d)
134

Description

What happened?
Description

I have observed an issue in live preview where the slideout of nested matrix entries is cut-off at the top.

From my brief testing (on windows chrome) there are two conditions for the issue to manifest:

  • The left pane of the preview (the element edit form) must be above a certain width.
  • The slideout must belong to a matrix entry (not an asset or entry field).

https://github.com/user-attachments/assets/688f0397-460a-4955-9656-11edcaa5960f

Steps to reproduce
  1. Go to an entry that has a Matrix field with nested entries with card view.
  2. Open live preview and drag the pane separator to the right, so the left pane is pretty wide.
  3. Double click on a card.
Expected behavior

The slideout fits in the lef pane.

Actual behavior

The slideout slides too far to the op and gets cut-off.

Craft CMS version

Craft Pro 5.6.10.2

PHP version

No response

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

Contributor guide

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

Research direction

Start by reproducing the live preview behavior in Craft CMS 5.6.10.2 with a Matrix field containing nested entries in card view. Investigate the slideout positioning when the left pane is widened, and verify that the slideout remains fully visible while asset and entry-field slideouts continue to work.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.