Problem/Motivation

Unlike the demo video, as well as the core Layout Builder behavior, the editing viewport does not resize when the off-canvas comes into view. Rather, it covers the content.

The Gin Layout Builder off-canvas edit pane wrongly over top of content

Steps to reproduce

Open any off-canvas edit pane in a Layout Builder enabled layout.

Remaining tasks

Discover root cause of issue
Apply a fix

CommentFileSizeAuthor
#8 Screen Recording 2025-08-12 at 9.33.35 AM.mov38.88 MBclaireristow
2024-10-29 082039.png1.03 MBfrankied3

Issue fork gin_lb-3484332

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

frankied3 created an issue. See original summary.

frankied3’s picture

frankied3
he/him
Primary language English
Location USA, UTC-4/5
commented

This is perhaps also an issue of the project page's representation of the module no longer representing its current state. Both the region and content preview buttons are now nested beneath display options, which is not the case in the screenshot nor the video.

erwandsn’s picture

erwandsn commented

Up, i'm facing the same issue

After migration from D9 to D10.4, this is not usable anymore by contributors, the whole page is truncated

christian.wiedemann’s picture

christian.wiedemann commented

We should add a option to handle this. Often it is better to overlap but of course there are cases which resize is better.

erwandsn’s picture

erwandsn commented

Their is a big issue in my case when the Layout Builder edit viewport is not resized.
We have some full screen width block in the website i work for. And the contextual link is display behind the sidebar in this case. So contributor is no longer able to contribute on it.

christian.wiedemann’s picture

christian.wiedemann commented

I am not sure if I understand the problem. The right edit sidebar overlap the content. This is actually the current behavior for very long time. We did that because resizing the content leads to jumps and the editor loses the scope. But I am open to add a configuration where we can configure this behavior.

strykaizer’s picture

strykaizer
Primary language Dutch
Location Belgium
commented

Adding this behaviour as a setting would be really nice!

claireristow’s picture

claireristow commented
StatusFileSize
new Screen Recording 2025-08-12 at 9.33.35 AM.mov38.88 MB

I believe I'm experiencing the same problem. I can't access the contextual links to edit or remove existing blocks in layout builder. The sidebar overlaps the content including the contextual links and since the sidebar can't be collapsed, the contextual links are completely inaccessible.

I've added a screen recording demonstrating the issue. In the recording, I use display: none; on the layout builder sidebar to show the hidden contextual links behind it.

strykaizer opened merge request !115

strykaizer’s picture

strykaizer
Primary language Dutch
Location Belgium
commented
Status: Active » Needs review

MR created, needs review

christian.wiedemann’s picture

christian.wiedemann commented

Should we move this feature to the current 3.0.x branch?

janpersoons made their first commit to this issue’s fork.

christian.wiedemann’s picture

christian.wiedemann commented
Version: 1.0.x-dev » 3.0.x-dev

Thanks! I merged it to the 3.x branch

christian.wiedemann’s picture

christian.wiedemann commented
Status: Needs review » Fixed

Now that this issue is closed, please review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, please credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.