>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3166181. --> Reported by: [mparker17](https://www.drupal.org/user/536298) Related to !19 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>The core Layout Builder module was <a href="https://www.drupal.org/node/2924128">added in Drupal 8.5.x</a>, and <a href="https://www.drupal.org/project/drupal/issues/3009533">stabilized in Drupal 8.7.x</a>.</p> <p>Similar to Panels, Display Suite, etc. in earlier versions of Drupal, Layout Builder lets you place blocks in entity View modes; and it can be extended by modules like <a href="https://www.drupal.org/project/page_manager/">Page Manager</a>, <a href="https://www.drupal.org/project/dashboards">Dashboards</a>, etc. to place blocks on standalone pages.</p> <p>Currently, Collapsiblock does not operate on blocks placed with Layout Builder for several reasons: the administration UI doesn't contain controls for Collapsiblock; and the resulting HTML does not contain the elements/attributes to make Collapsiblock work.</p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <ol> <li>Download <a href="https://www.drupal.org/project/drupal/releases/8.9.1">Drupal core 8.9.1</a> and install using the <code>standard</code> install profile.</li> <li>Enable core's <code>layout_builder</code> module.</li> <li>Download <a href="https://www.drupal.org/project/ctools/releases/8.x-3.4">ctools-8.x-3.4</a>, and <a href="https://www.drupal.org/project/page_manager/releases/8.x-4.0-beta6">page_manager-8.x-4.0-beta6</a>, and enable the <code>page_manager</code> and <code>page_manager_ui</code> modules.</li> <li><a href="https://www.drupal.org/node/242318/git-instructions/8.x-2.x/nonmaintainer">Clone collapsiblock 8.x-2.x</a> and enable the <code>collapsiblock</code> module</li> <li>Go to <code>/admin/config/user-interface/collapsiblock</code>, set "Default block collapse behavior" to <code>Collapsible, expanded by default.</code>, and click <code>Save configuration</code></li> <li>Go to <code>/admin/structure/page_manager/add</code>, and create a page: <ol> <li>On the Page information step: <ol> <li>Administrative title = <code>My dashboard</code></li> <li>Path = <code>dashboard</code></li> <li>Variant type = <code>Layout builder</code></li> <li>Click <code>Next</code></li> </ol> </li> <li>On the Configure Variant step: <ol> <li>Label = <code>My variant</code></li> <li>Click <code>Next</code></li> </ol> </li> <li>On the Layout step: <ol> <li>Click <code>+ Add Section</code></li> <li>Choose the <code>One column</code> layout</li> <li>Set Administrative label to <code>My section</code></li> <li>Click <code>Add section</code></li> <li>Under "Configure My Main Section", click <code>+ Add Block</code></li> <li>Choose System -&gt; Powered by Drupal</li> <li>Leave Title = <code>Powered by Drupal</code></li> <li>Check <code>Display title</code></li> <li> <ul> <li><strong>Expected behavior:</strong> there are some collapsiblock settings in the form</li> <li><strong>Actual behavior:</strong> there are no collapsiblock settings in the form</li> </ul> </li> <li>Click <code>Add block</code></li> </ol> </li> <li>Click <code>Finish</code></li> </ol> </li> <li>Go to <code>/dashboard</code> (or whatever you set for Path in the Page Information step earlier)</li> <li> <ul> <li><strong>Expected behavior:</strong>: the blocks on the dashboard are collapsible due to what we set for the Default block collapse behavior</li> <li><strong>Actual behavior:</strong>: the blocks are not collapsible</li> </ul> </li> </ol> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>To be determined.</p> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <ol> <li><del>Determine how to solve the problem, and propose a resolution</del></li> <li><del>Write a patch</del></li> <li>Review and feedback</li> <li>RTBC and feedback</li> <li>Commit</li> </ol> <h3 id="summary-ui-changes">User interface changes</h3> <p>To be determined; likely, Collapsiblock settings will appear in Layout Builder's off-canvas dialog.</p> <h3 id="summary-api-changes">API changes</h3> <p>To be determined; hopefully just implementing hooks.</p> <h3 id="summary-data-model-changes">Data model changes</h3> <p>To be determined; hopefully none.</p>