Bootstrap v5.2.1 is out now, it’s a patch release that mainly contains some bug fixes, documentation updates and dependency updates.

Key changes

Updated the calc() function to address an apparent bug in postcss-values-parser that caused source Sass files to not compile properly when built with React and PostCSS. The solution is to reverse the multiplication order in the calc() function. Users may need to make similar modifications based on their own customizations.

Also addresses some long-standing issues with button focus and active styling, especially for checkboxes and radio buttons. On mobile devices, input-based buttons are difficult to get rid of their focus styles. This issue was resolved in v5.2.1, the development team changed :focus in .btns to :focus-visible. Checkboxes and radio buttons now no longer change their background color when :focus-visible, nor do they receive :hover styling. Regular .btns still have their familiar hover and focus styles.

Highlights

In addition to the above changes, bugs have been fixed for several components:

• Accordion
  • renewcolorvalue to use$accordion-button-colorSass variables instead of color contrast functions
• Buttons
  • Added transparent default hover border color CSS variable for buttons to fix visual regression
  • $enable-gradientsSet astrueTime.btn-linkno more gradients
• Forms
  • Input groups updatedz-indexvalue to ensure that validated form fields are rendered correctly
  • Floating labels now realign their text to ensure consistent style.
• List Groups
  • Horizontal list groups with only one child now render correctlyborder-radius
  • editedlist-group-itemselectors to better support nested imports of Bootstrap CSS
• Modals
  • Updated event listeners to ignore scrollbar clicks, from.modal-dialogClicks that start on the inside but end on the outside, and.modal-dialogResponses to outside start and end clicks.
• Pagination
  • Fixed bug in pagination componentborder-radiusvalue
• scrollspy
  • Scrollspy threshold options are now configurable
• Tooltips and Popovers
  • Reverted some tooltip plugin updates to preventselectordynamic content and usage titleThere is a problem with the tooltip for
  • repair trigger:transfertoggle()Issue with “manual” showing and immediately hiding

dependencies

• Updated Autoprefixer to fixcolor-adjustAttribute warning issue

More details can be found on the official blog.