Problem/Motivation

Make this module compatible with Drupal 11

Proposed resolution

- adjust the requirements in info.yml file
- adjust the reruirements in composer.json file

CommentFileSizeAuthor
#18 boostrap_create_content_block.gif207.07 KBfroboy
#2 bootstrap_styles-3469863.patch338.92 KBrajan kumar@2026
#2 Screenshot from 2024-08-23 18-38-47.png16.16 KBrajan kumar@2026

Issue fork bootstrap_styles-3469863

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:

About issue forks

Comments

flyke created an issue. See original summary.

rajan kumar@2026’s picture

rajan kumar@2026 commented
Status: Active » Needs review
StatusFileSize
new Screenshot from 2024-08-23 18-38-47.png16.16 KB
new bootstrap_styles-3469863.patch338.92 KB

Hi @flyke

I have fixed the issue and created a patch. Here is the screenshot for reference. Please review it at your earliest convenience. Thank you!

flyke’s picture

flyke commented

Seems to work by adding this to the repositories section inside my projects composer.json:

    "repositories": [
        {
            "type": "git",
            "url": "https://git.drupalcode.org/issue/bootstrap_styles-3469863.git"
        },

And then adding this MR as if its version 2.0.x-dev like this:
composer require drupal/bootstrap_styles:"dev-3469863-add-drupal-11 as 2.0.x-dev" -W

This seems to resolve my composer package version requirement problems

rajab natshah’s picture

rajab natshah
he/him
commented
Title: Add drupal 11 compatibility » Add Drupal 11 compatibility fixes for Bootstrap Styles

rajab natshah opened merge request !67

  • rajab natshah committed ccf1e8a8 on 2.0.x 
    Issue #3469863: Add Drupal 11 compatibility fixes for Bootstrap Styles

  • rajab natshah committed 5c25b74c on 1.0.x 
    Issue #3469863 by flyke, rajan kumar@2026: Add Drupal 11 compatibility...
rajab natshah’s picture

rajab natshah
he/him
commented
Status: Needs review » Fixed
rajab natshah’s picture

rajab natshah
he/him
commented

✅ Released bootstrap_styles-1.1.7

  • rajab natshah committed 102e8714 on 1.0.x 
    Issue #3469863: Remove width: 100% for #drupal-off-canvas-wrapper

  • rajab natshah committed 364cea71 on 2.0.x 
    Issue #3469863: Remove width: 100% for #drupal-off-canvas-wrapper
rajab natshah’s picture

rajab natshah
he/him
commented

Removed width: 100% !important; for #drupal-off-canvas-wrapper

#drupal-off-canvas-wrapper {
  width: 100% !important;
  /* Set some global attributes. */
  /**
 * @file
 * Set base styles for the off-canvas autocomplete.
 */
  /**
 * @file
 * Set base styles for the off-canvas dialog.
 */
  /* Generic elements. */
  /* Override jQuery UI */
  /**
 * @file
 * Visual styling for buttons in the off-canvas dialog.
 *
 * @see seven/css/components/buttons.css
 */
  /**
 * @file
 * Visual styling for summary and details in the off-canvas dialog.
 */
  /**
 * @file
 * Styles for dropbuttons in the off-canvas dialog.
 */
  /*
 * Style dropbutton single.
 */
  /*
 * Style dropbutton multiple.
 */
  /* The toggle to expand the button. */
  /* The toggle arrow. */
  /* Push the widget to the right so text expands left. */
  /**
 * @file
 * Visual styling for forms in the off-canvas dialog.
 */
  /* Reduce contrast for fields against dark background. */
  /**
 * @file
 * Visual styling for buttons in the off-canvas inline custom block creation.
 *
 * @see seven/css/components/buttons.css
 */
  /**
 * @file
 * Reset most HTML elements styles for the off-canvas dialog.
 *
 * This is a generic reset. Drupal-specific classes are reset in components.
 */
  /* To standardize off-canvas selection color. */
  /**
 * @file
 * Visual styling for tables in the off-canvas dialog.
 */
  /**
 * @file
 * Table drag behavior for off-canvas dialog.
 *
 * @see tabledrag.js
 */
}
rajab natshah’s picture

rajab natshah
he/him
commented

✅ Released bootstrap_styles-1.1.8

rajab natshah’s picture

rajab natshah
he/him
commented
Version: 2.0.x-dev » 1.2.x-dev
rajab natshah’s picture

rajab natshah
he/him
commented

  • rajab natshah committed d3e9fdb7 on 1.2.x 
    Issue #3469863: Add Drupal 11 compatibility fixes for Bootstrap Styles
rajab natshah’s picture

rajab natshah
he/him
commented
Issue tags: +bootstrap_styles-1.2.1

✅ Released bootstrap_styles-1.2.1

  • Issue #3474708: Change the 1.1.x branch to support Drupal <= 10.2 for a smoother update process and reverted new changes

Started the 1.2.x branch to support Drupal ^10.3 || ^11

froboy’s picture

froboy
he/him
Primary language English
Location Chicago, IL
commented
Issue summary: View changes
StatusFileSize
new boostrap_create_content_block.gif207.07 KB

An animation of the 'Create content block' with invisible text due to the latest style changes.

The same as #3429050: Automated Drupal 11 compatibility fixes for bootstrap_layout_builder, these D11 updates caused regressions Core <10.3. The most visible of which is that the "Create content block" button text is now the same color as the background (on OpenY with Bootstrap Layout Builder).

The update to composer.json after the fact doesn't really fix the issue since 1.1.7 and 1.1.8 still break things. Sites that are not yet on Drupal Core 10.3 will need to lock to 1.1.6 until they update.

"drupal/bootstrap_styles": "1.1.6"

rajab natshah’s picture

rajab natshah
he/him
commented

Thanks, Avi, for following up.
I confirm the issue
Let us file a new issue to have it fixed..

✅ Released bootstrap_layout_builder-2.2.1
Issue #3474916: Changed Bootstrap Styles to ^1.2.0 for the Bootstrap Layout Builder 2.2.x branch to work with Drupal ^10.3 || ^11

✅ Released bootstrap_layout_builder-2.1.6
Issue #3474914: Changed Bootstrap Styles to ^1.1.0 for the Bootstrap Layout Builder 2.1.x branch to work with Drupal <=10.2

RenderElement and FormElement base plugin classes are deprecated and renamed to RenderElementBase and FormElementBase
#3431452: Rename RenderElement and FormElement plugin abstract classes to RenderElementBase and FormElementBase

Better to update to Drupal ^10.3

Visual issue on Default Drupal Claro, Gin, or else ?
Let us do fixes for both Claro and Gin in new issues.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.