Incompatibility between Bootstrap 5 and Claro / Gin Toolbar

Created on 30 January 2025, 2 months ago

Problem/Motivation

Bootstrap 5 is using the icon-link class.

Gin Toolbar loads Claro CSS when using a media library widget.

function gin_toolbar_library_info_alter(&$libraries, $extension) {
...
  if ($extension == 'media_library' && isset($libraries['widget'])) {
    $libraries['widget']['dependencies'][] = 'claro/media_library.theme';
    $libraries['widget']['dependencies'][] = 'gin/media_library';
  }

Which is loading the icon-link library of Claro which is also using the icon-link class.

So as soon as a form with a media library widget is opened, for example with a CTA content block in Layout Builder, the page styling is broken.

Proposed resolution

Switch to Navigation module and uninstall Gin Toolbar.

🐛 Bug report
Status

Active

Version

10.1

Component

User interface

Created by

🇫🇷France Grimreaper France 🇫🇷

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024