Problem/Motivation

We are wanting to switch to Layout Builder iFrame Modal due to the Media Library Theme Reset maintainers recommending this module instead for users not styling the Media Library in the main theme (we don't). However, this results in a broken/unstyled display of form elements added by the Bootstrap Styles module in the add/edit block forms.

Steps to reproduce

Install Layout Builder iFrame Modal (in place of Layout Builder Modal), and attempt to add/edit a block. Form elements added by Bootstrap Styles will appear broken/unstyled (see attached image).

Proposed resolution

Update the library inclusion and Sass to correctly apply to modals using Layout Builder iFrame Modal. JS changes possibly also needed, still looking into it.

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:

Comments

timurtripp created an issue. See original summary.

timurtripp’s picture

Status: Active » Needs review
timurtripp’s picture

timurtripp’s picture

StatusFileSize
new964 KB
kmonty’s picture

Status: Needs review » Needs work

There appears to be a lot of unrelated changes in this PR. For example, I would not anticipate seeing such extensive changes to package.json in this PR.

timurtripp’s picture

@kmonty had to get rid of a deprecated package and replace it with one that's actively maintained to get it to build right on my setup.

timurtripp’s picture

The maintainers of the deprecated package recommended it as an alternative.

timurtripp’s picture

If you'd like, I can open a separate issue about fixing deprecations, so once that's tested and merged we can revisit here. @kmonty

timurtripp’s picture