[WxT5] compatibility with Layout Builder.

Created on 31 August 2021, over 3 years ago
Updated 14 January 2024, 11 months ago

Problem/Motivation

Original issue brought up by LiquidCMS:

Somewhat based on this: #3212225: Remove Panelizer completely for 4.1.x line

Since Layout Builder has sort of been decided to be the go-to layout option for WxT and since Bootstrap 3 is not entirely compatible with Layout Builder (numerous open issues on this but main one that seems to have carried over to WxT is that the tabs/breadcrumb blocks are broken in LB; also some more minor styling and js ones); wondering if much movement on this?

I have tested LB on a vanilla d9 site with base BS3 theme and i see the same issues as with a vanilla wxt site (4.1.x). Testing the vD9 site with BS4 and it works correctly. Also tested with BS5 and it works as well.

Steps to reproduce

install drupal 9 core
install drupal.org/project/bootstrap

OR

install wxt 4.1.0
use the layout_builder , if the default theme is wxt_bootstrap or some theme based on it ( a sub theme ) or the parent theme drupal.org/project/bootstrap, there will be issues

try using the layout builder, javascript errors and weird things happen, switch then to another theme, and no issues. The issue is in the bootstrap theme.

Proposed resolution

Find a solution, try to fix this or find an existing patch that fixes it, or a set of patches.

Remaining tasks

Isolate the issues, enumerate them, break them into several child tickets if necessary or just put them all in this ticket or link them to this ticket.

User interface changes

Fix the layout builder when using drupal.org/project/bootstrap based themes

API changes

N/A (yet)

🐛 Bug report
Status

Needs review

Version

5.1

Component

Documentation

Created by

🇨🇦Canada joseph.olstad

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇨🇦Canada joseph.olstad

    layout_builder_admin_theme provides a convenient solution (workaround?) to this problem and a D10 version of this module was published today:
    https://www.drupal.org/project/layout_builder_admin_theme

    We might consider adding this/enabling/configuring it by default for the wxt distro.

    Reasons for:

    1. layout_builder is included with wxt
    2. layout_builder is not fully compatible with bootstrap 3.x
    3. layout_builder_admin_theme provides a working solution to the problem by using the claro theme or some other admin theme for handling layout_builder configurations that would otherwise not work with a wxt_bootstrap derived theme
  • 🇨🇦Canada liquidcms

    Without looking at this yet; my guess is this allows setting a LB theme independent of the site theme? So what would the LB admin theme of choice be?

    Claro isn't BS so nothing using BS layouts will display correctly (will they even load?); but might be able to muddle through.

    Some BS5 based admin theme? Would have same issues i would think?

    I am sure I must be missing something here; will give it a shot tomorrow.

  • 🇨🇦Canada joseph.olstad

    @liquidcms, BS4/BS5 do not have the same compatibility issue with layout builder so ya one of those.
    With that said, I see your point, there's no wysiwyg with claro however it is functional and unfortunately there is no known wysiwyg way with BS3 because layout_builder is incompatible with BS3

    we're tied to BS3 by wet-boew 4

    moving to BS5 is likely on the horizon.

    Until then, the https://www.drupal.org/project/layout_builder_admin_theme is the best alternative I know of .

    I personally use Claro.

  • 🇨🇦Canada joseph.olstad

    @LiquidCMS, I looked at one of your sites and I seem to notice that Layout Builder appears to be functioning with Bootstrap 3. Are my eyes playing tricks on me?

  • 🇨🇦Canada joseph.olstad

    This appears to be fixed in the latest WxT build, I'm able to manage the display using a subtheme based on the wxt_bootstrap theme, no
    js exceptions, no errors.

Production build 0.71.5 2024