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.
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | bootstrap_styles-makes-iframe-modal-usable-3560178-2.patch | 964 KB | timurtripp |
| Screenshot 2025-11-26 at 12.42.05 PM.png | 132.26 KB | timurtripp |
Issue fork bootstrap_styles-3560178
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
Comment #3
timurtripp commentedComment #4
timurtripp commentedComment #5
timurtripp commentedComment #6
kmontyThere appears to be a lot of unrelated changes in this PR. For example, I would not anticipate seeing such extensive changes to
package.jsonin this PR.Comment #7
timurtripp commented@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.
Comment #8
timurtripp commentedThe maintainers of the deprecated package recommended it as an alternative.
Comment #9
timurtripp commentedIf you'd like, I can open a separate issue about fixing deprecations, so once that's tested and merged we can revisit here. @kmonty
Comment #10
timurtripp commented#3588350