Problem/Motivation
There are numerous issues with Layout Builder UI:
-
"Move" action in Drupal layouts throws an error in the AJAX response, Because it can’t find the ThreeColumnsLayout, which is referenced in the civictheme.layouts.yml file.
Commenting out this line https://github.com/civictheme/monorepo-drupal/blob/develop/web/themes/co... and a `drush cr` allows the layouts sidebar to render, but (I assume) the actions provided by that class are not being applied.
- Off canvas menu - multi-value widget is printing a stray `>`
- Cannot drag and drop blocks
- Context menu has bugs in rendering
Acceptance criteria
AC 1 - Move
Given I'm a Site Administrator
And a page is open in Layout Builder edit mode
When I use the "Move" action on a layout block or section
Then the action completes successfully
And no AJAX or JavaScript errors occur
AC 2 - Sidebar
Given I'm a Site Administrator
And the Layout Builder sidebar is visible
When layouts are listed
Then all layouts render correctly
And no layout-related errors are logged
AC 3 - Off canvas menu - multi-value widget is printing a stray `>`
Given I'm a Site Administrator
And the off-canvas editing panel is open
When a multi-value field widget is displayed
Then no stray characters are visible
And the widget renders correctly
AC 4 - Drag and drop
Given I'm a Site Administrator
And a page is in Layout Builder edit mode
When the user drags a block to a new position
Then the block can be repositioned successfully
And the new order is saved
AC 5 - Context menu rendering issues
Given I'm a Site Administrator
And a page is open in Layout Builder edit mode
When the context menu is opened on a block or section
Then the menu renders correctly
And all actions are visible
| Comment | File | Size | Author |
|---|---|---|---|
| #12 | Screenshot 2026-01-16 at 5.01.27 pm.jpg | 36.9 KB | cb |
| #2 | Layouts Error.png | 354.04 KB | alan.cole |
Comments
Comment #2
alan.cole commentedComment #3
alan.cole commentedIt seems the implementation in civictheme for extending the layout defined in civictheme.layouts.yml with the src/Plugins/ThreeColumnLayout.php is not possible.
https://www.drupal.org/node/2578731#using-class-key Documentation says the class must be defined in a module, and not in the theme.
This may be why it throws an error.
Comment #4
fionamorrison23 commentedComment #5
fionamorrison23 commentedComment #6
xrayfish commentedAny update on this - looks like this issue crops up on a new install making the column layout unusable.
Comment #7
fionamorrison23 commentedComment #8
richardgaunt commentedThere are numerous issues with Layout Builder UI:
These should be looked at in this ticket and fixed.
Comment #9
fionamorrison23 commentedComment #10
fionamorrison23 commentedComment #11
fionamorrison23 commentedComment #12
cbI am having difficulty replicating some of the issues. Perhaps they've been addressed in later versions of LB?
1. Alan's comment (#3) - I was not able to replicate this error. I did find another error with translatable strings that stopped the move form functioning but this particular error no longer occurs. I have resolved that error.
2. The off canvas menu '>' - I can't find this at all. If it's still occurring please add some instructions to replicate.
3. The drag and drop has been resolved.
4 Context menu rendering also doesn't appear to be a problem.
Comment #14
richardgaunt commentedComment #16
fionamorrison23 commentedComment #18
fionamorrison23 commented