Mend Renovate
This PR contains the following updates:
Release Notes
twbs/bootstrap
Compare Source
Highlights
- Accordion
- Use Sass variable for the accordion color instead of an invalid CSS variable
- Buttons
- Undo changes to
.btn:hover
from v5.2.1. We now explicitly target .btn-check
styles instead.
- Dropdowns
- Temporarily restore ability for dropdowns to work without an explicit
data
attribute (will be removed again in v6)
- Modals
- Improve modal event listeners
- Use
<h1>
for all .modal-title
instances in our docs
- Tables
- Don't redefine
$border-color
in table-variant()
mixin
- Tabs
- Tabs no longer autofocus and cause pages to jump on
tab.show()
- Fix
.active
class toggling of tabs within dropdowns
- Toasts
- Properly set toast
z-index
on .toast-container
as opposed to individual .toast
s that don't receive any other positioning
- Tooltips
- Fix tooltip selectors with
title
attribute on dynamically created elements
🎨 CSS
- #37118: Set toast z-index variable in the correct spot
- #37165: Explicitly target
.btn-check
and undo :hover
- #37182: Use Sass variable for accordion color
- #37239: Don't redefine
$border-color
in table-variant
mixin
☕️ JavaScript
- #36914: Fix tooltip selector usage
- #37128: Fix modal event listeners
- #37146: Drop tabs auto-focus
- #37151: Fix active class toggling of tabs within dropdown
- #37189: Enrich Tab Test for keyboard handler
- #37190: Dropdown: fix case with invalid markup
- #37200: Ensure Tab keyboard functionality after #37146
📖 Docs
- #36899: Slightly improve image compression
- #37142: Add informative note for Tooltip/Popover selector option
- #37145: Docs: minor fix for Navbar > Offcanvas examples
- #37153: Fix typo in docs - Configure Vite section
- #37199: Replace Webpack and Vite PNGs by SVGs
- #37210: Use
<h1>
for all modal-title
examples/uses
- #37214: Docs: Change
view in GitHub
links inside main
🌎 Accessibility
- #37200: Ensure Tab keyboard functionality after #37146
- #37210: Use
<h1>
for all modal-title
examples/uses
🏭 Tests
- #36915: Use ES6 on visual tests
- #37189: Enrich Tab Test for keyboard handler
🧰 Misc
- #35079: Add PR template
- #36421: NuGet: Use license expression
- #37186: Add eslint-plugin-html to lint JS in HTML files
📦 Dependencies
Compare Source
🚀 Highlights
- Accordion
- Update
color
value to use the $accordion-button-color
Sass variable instead of our color contrast function
- Buttons
- Added a
transparent
default hover border color CSS variable for buttons to fix a visual regression
.btn-link
no longer has a gradient when $enable-gradients
is set to true
- Forms
- Input groups have updated
z-index
values to ensure proper rendering of validated form fields
- Floating labels now reset their
text-align
to ensure consistent styling
- List Groups
- Horizontal list groups with only one child now render the correct
border-radius
- Modified the
list-group-item
selectors to better support nested imports of Bootstrap's CSS
- Modals
- Fixed modal event listeners during dismiss click, allowing you to once again click scrollbars without dismissing the modal
- Pagination
- Fixed incorrect
border-radius
values inside pagination components
- Scrollspy
- Scrollspy threshold option is now configurable
- Tooltips
- Reverted some tooltip plugin updates to prevent issues with
selector
, dynamic content, and disposed tooltips using title
🚀 Features
- #36750: ScrollSpy: make the threshold option configurable
🎨 CSS
- #36507: v5/docs: reintroduce
outline
for docs code samples, buttons when :not(:focus-visible)
- #36593: flush variant of accordion border radius
- #36663: fix #36662 List-group-item margin-top is offset when importing sass in a nested class
- #36694: Docs: add grid-row-columns variable
- #36791: Remove a unused sass parameter from banner mixin
- #36828: Fix pagination page items border radius
- #36849: Define correctly
$popover-header-color
- #36873: Fix floating labels under
.text-center
- #36874: Floating labels in input group: Border fix
- #36921: Accordion color should use $accordion-color
- #36986: bugfix undefined border color variable for btn #36938
- #37017: List group: Fix horizontal when only one child
- #37021: Scss: Adding missing
z-index
CSS variables.
- #37026: Rework button focus/active styling, with extra changes for checks/radios
- #37027: Search modal: Set cursor on auto
- #37034: More consistency for CSS/Sass vars doc for components with dark variants
- #37059: Fix input group z-index focus + validation
- #37078: Remove gradient from
.btn-link
- #37079: Add workarounds for postcss values parser error
- #37080: btn-group draws first input margin #36794
- #37093: Fix accordion button color
☕️ JavaScript
- #36750: ScrollSpy: make the threshold option configurable
- #36751: Re-set tooltip title on disposal
- #36863: Fix modal event-listeners during dismiss click
- #37011: Multiple dropdowns: Fix when inside same tag
- #37019: Docs: Fix js options to what is really inside js
- #37072: Docs: Put methods in table
- #37086: Fix tooltip manual toggling
📖 Docs
- #36493: Docs: Replace wrong mobile OS Windows with iOS
- #36587: Document how to extract CSS, SVG for strict CSP
- #36694: Docs: add grid-row-columns variable
- #36771: Fix typos after #36762
- #36804: Simplify social images and add ability to set per-page images
- #36812: Fix broken url
- #36819: Rename scrollspy to toast in toasts.md
- #36824: Move DocSearch out of offcanvas to always show it on mobile
- #36825: Remove Slack from site and repo docs
- #36827: Redirect users to different templates of issues rather than an empty one
- #36829: Docs: correct heading levels in features example
- #36836: Docs: use added-in shortcode in Offcanvas
- #36838: Docs: Missing added-in shortcode
- #36839: Docs: Fix markdown link error
- #36850: Add navbar image alt text
- #36867: Docs: expand popover custom container explanation
- #36871: Fix docs typo of
.form-checkbox
-> .form-check
- #36877: Add default select example in cheatsheet
- #37019: Docs: Fix js options to what is really inside js
- #37027: Search modal: Set cursor on auto
- #37034: More consistency for CSS/Sass vars doc for components with dark variants
- #37047: Docs: Minor fixes in tables.
- #37048: Docs: improve cards image overlays markup
- #37056: Docs: Manage the dark offcanvas slightly differently
- #37064: Fix padding on starter template
- #37067: Make docs clearer by dropping precompiled for compiled
- #37070: Improve language around vertical grid gutters
- #37072: Docs: Put methods in table
🛠 Examples
- #36660: Added new example in
examples/features
page.
- #36829: Docs: correct heading levels in features example
- #36877: Add default select example in cheatsheet
- #37064: Fix padding on starter template
🌎 Accessibility
- #36507: v5/docs: reintroduce
outline
for docs code samples, buttons when :not(:focus-visible)
- #36829: Docs: correct heading levels in features example
- #37026: Rework button focus/active styling, with extra changes for checks/radios
📦 Dependencies
Compare Source
🚀 Highlights
- #36168: Manually set hover and active backgrounds and borders for dark and light buttons
- #36327: Truncate text to prevent multiline floating label
- #36382: Rewrite Webpack guide
- #36411: Rewrite Parcel guide
- #36412: Docs: Add a Vite Getting Started guide
- #36500: Generate local CSS variables on utilities when using state option
- #36528: Scrollspy: enable
smooth-scroll
behavior
🚀 Features
- #36352: Fix StackBlitz examples by embedding snippets.js when needed
- #36528: Scrollspy: enable
smooth-scroll
behavior
- #36759: Support input groups in floating forms
🎨 CSS
- #36156: Update
.form-control-color
sizing and styles
- #36168: Manually set hover and active backgrounds and borders for dark and light buttons
- #36178: Add a banner mixin, helping future releases and maintenance
- #36327: Truncate text to prevent multiline floating label
- #36353: Fix offcanvas not showing with
.showing
- #36366: add back focus box shadow to
btn-link
- #36406: CSS: few proposals
- #36423: Stylelint: Disable
custom-property-empty-line-before
- #36446: Update Sass for computing
.table-group-divider
border
- #36447: Fix
.dropdown-item
border-radius
when $dropdown-padding-y
is 0
- #36461: Fix alert border radius
- #36476: Docs: fix Reboot Horizontal rules using border utilities
- #36477: Docs: remove unused _algolia.scss
- #36499: Don't style
readonly
inputs as disabled
- #36500: Generate local CSS variables on utilities when using state option
- #36509: Remove
--bs-headings-color
CSS variable due to backward compatibility issues
- #36535: Fix 'Remove from map' Sass description
- #36608: dashboard example: minor fix
- #36627: Fix search modal z-index to be on top of all docs showcased components
- #36646: Fix tooltip/badge border radius when rounded disabled
- #36680: Revert
db61cf3
for $text-muted
default value
- #36689: Add missing CSS vars for
.navbar-nav
- #36704: Fix missing
--bs-btn-disabled-border-color
in button-outline-variant
mixin
- #36711: Add
$display-font-family
and $display-font-style
- #36740: Fixing pagination compile issue
- #36747: Fix active/focused button link text color
- #36759: Support input groups in floating forms
☕️ JavaScript
- #35679: Force tooltip and popover to recreate content every time it opens
- #36171: Assorted Event handler patches
- #36386: Fix interoperability issue regarding Event properties
- #36398: JS: tests fixes & standardization of spies usage
- #36401: Change Modal dismiss handler, listening to key down, instead of click
- #36440: Re-ordering js default objects
- #36449: Fix StackBlitz Popovers and Tooltips examples
- #36528: Scrollspy: enable
smooth-scroll
behavior
- #36561: Fix possible bug on event handler
- #36588: Handle non-empty whitespace textContent in Tooltip trigger
- #36622: Remove
.show
from panels dependent-less on the existence of .fade
class
- #36668: Fix on #35679
- #36717: Offcanvas: activate focustrap when backdrop is enabled
- #36758: Docs: Fix typos in snippets.js
- #36772: Fix event handler test
📖 Docs
- #36345: docs: add the version in npm/yarn commands
- #36346: Docs: improve image compression
- #36352: Fix StackBlitz examples by embedding snippets.js when needed
- #36362: Update search box styling and position
- #36363: Add some details on "javascript" page
- #36367: Docs: Correct rounded sizes number
- #36376: Fix missing Swag Store URL
- #36382: Rewrite Webpack guide
- #36395: Docs: quick fixes for HTML
- #36406: CSS: few proposals
- #36410: Update introduction.md
- #36411: Rewrite Parcel guide
- #36412: Docs: Add a Vite Getting Started guide
- #36414: Add docs info for using JS w/ ESM shim
- #36417: Docs: Remove
.is-invalid
from textarea validation example
- #36425: CSS: doc fixes
- #36444: Update import order for utilities API docs
- #36449: Fix StackBlitz Popovers and Tooltips examples
- #36450: Docs: Use example shortcode for all Button groups
- #36476: Docs: fix Reboot Horizontal rules using border utilities
- #36477: Docs: remove unused _algolia.scss
- #36487: Remove confusing unnecessary id/aria-labelledby for dropdown menus
- #36488: Docs: fix some ARIA Authoring Practices Guides broken links
- #36489: Docs: Update some WCAG links, expand sass.md contrast explanation
- #36495: Improve accessible name of version dropdown in docs navbar
- #36503: [docs] Document BootstrapVue being outdated
- #36510: Add example of dark navbar and offcanvas to docs
- #36516: Add .active navbar breaking change to 5.0 docs
- #36535: Fix 'Remove from map' Sass description
- #36545: Carousel: Remove redundant reference to
interval=false
from docs & tests
- #36553: Make table responsive on Grid page
- #36613: Fix popover live demo to use
data-bs-title
instead of title
- #36625: Add some details for non visible scrollspy elements
- #36627: Fix search modal z-index to be on top of all docs showcased components
- #36630: Docs: update clipboard.js to v2.0.11
- #36637: Fix StackBlitz examples needing docs CSS
- #36644: Added examples for Radios in List Group
- #36650: update Lighthouse URL
- #36658: Fix a typo in the documentation masthead
- #36669: Docs: alphabetical reorder of some events/methods in tables
- #36672: Docs: fix some ScrollSpy HTML copyable codes
- #36674: Docs: add indeterminate disabled checkbox example
- #36679: Remove dead link from translations
- #36696: add
type="button"
to Bootstrap versions dropdown
- #36706: Docs: Add 'Icons' link in footer
- #36712: Docs: fix description on how to alter display values
- #36717: Offcanvas: activate focustrap when backdrop is enabled
- #36732: Add accNames to all progress bar examples
- #36734: Docs: Capitalize Unicode
- #36741: Docs: same text for disabled ranges and disabled form controls
- #36757: Fix indentation in code sample
- #36760: Add links to Webpack, Parcel, and Vite guides on homepage
- #36762: Fix various small typos in documentation
- #36763: Fix typos in code
🛠 Examples
- #36608: dashboard example: minor fix
- #36732: Add accNames to all progress bar examples
🌎 Accessibility
- #36487: Remove confusing unnecessary id/aria-labelledby for dropdown menus
- #36488: Docs: fix some ARIA Authoring Practices Guides broken links
- #36588: Handle non-empty whitespace textContent in Tooltip trigger
- #36696: add
type="button"
to Bootstrap versions dropdown
- #36717: Offcanvas: activate focustrap when backdrop is enabled
- #36732: Add accNames to all progress bar examples
🏭 Tests
- #36530: Fix typo in dropdown unit test
- #36667: Minor fix to use self-closing input HTML tag
- #36742: Standardization of
spyOn
usage
- #36772: Fix event handler test
🧰 Misc
- #36548: Update Code of Conduct with Contributor Covenant 2.1
- #36624: Use 'needs-example' label to trigger live demo bot message
- #36700: Replace JS Bin refs by CodePen or StackBlitz references
📦 Dependencies
Compare Source
Fixes
🎨 CSS
- #35143: Revert "Add
align-self: center
to buttons for improved rendering in flex containers"
Compare Source
Highlights
- Temporarily patched a postcss-values-parser issue by rearranging our
calc()
functions that use negative numbers. This should restore the ability to import and compile Bootstrap's Sass in create-react-app
.
- Added
border-radius
sizes to small and large .form-select
s
- Added
align-self: center
to buttons for improved rendering in flex containers
- Fixed Collapse regression that prevented toggling between sibling children
- Updated JS Sanitizer to add
sms
in the SAFE_URL_PATTERN
- Improved docs around
.img-fluid
- Added
role="switch"
to our form switches in our docs
- Implemented GitHub Issue forms to replace our previous issue templates.
Changes
🎨 CSS
- #34799: fix custom property values of row overrides individual cell
- #34834: Add
align-self: center
to buttons for improved rendering in flex containers
- #34853: Add
border-radius
sizes to small and large .form-select
s
- #34861: Separator for table direct children
- #35017: Use Sass variable instead of RGB components
- #35033: Add workaround for dart sass compile error
☕️ JavaScript
- #34951: Fix Collapse regression of handling toggling between sibling chilldren
- #34980: Minor refactoring
- #35074: sanitizer: add
sms
in the SAFE_URL_PATTERN
📖 Docs
- #34824: docs: Add
role="switch"
to switches
- #34918: docs: Update RFS version & move "v" prefix to config.yml
- #34920: Fix Backdroped typo
- #34921: Fix JavaScript typo
- #34922: fix predefined typo
- #34923: fix utilities typo
- #34926: Improve description of
.img-fluid
in docs
- #34935: Non-blocking typo fix
- #34936: replace dummy text with English for Text truncation page
- #34946: Changes some latin/dummy text to English
- #35013: Add offcanvas to the components requiring JavaScript
- #35111: Fix capitalization after period in
contents.md
🛠 Examples
- #35022: examples: Add
role="switch"
to switches
🧰 Misc
- #34626: Implement issue forms
- #34940: Add cSpell custom dictionary and docs-spellcheck script
- #35070: rollup: specify
generatedCode: 'es2015'
- #35086: README.md: fix capitalization after period
📦 Dependencies
Compare Source
Highlights
🎨 CSS
- #34679: Fix font size variable name
- #34699: Add check to
rgba-css-var
function for body or bg
- #34773: Include root.scss in all dist builds
- #34779: Fix
$dropdown-link-hover-color
variable color value in _variable.scss file
☕️ JavaScript
- #34621: carousel: move common checks to a function
- #34701: Fix modal when is triggered by
bs-toggle
, to hide other open instances
- #34835: Collapse on toggle, should not hide descendant tabpanels
- #34842: Fix tooltip
data-bs-original-title
issue
📖 Docs
- #32781: docs: shortcodes tweaks and consistency changes
- #34686: docs: Fix placeholders typo
- #34752: Fix typo in placeholder docs
- #34769: Enhance Alerts > Live Example section
- #34781: docs: fix typos in approach and placeholders
- #34787: Progress page: remove toggle animation button
- #34840: clarify importing all vs specific plugins
- #34842: Fix tooltip
data-bs-original-title
issue
- #34877: docs: add
$enable-smooth-scroll
to Sass options page
- #34886: Disabled link cleanup
- #34892: Fix a11y issues in
.hstack
example and placeholder 'How it works' example
- #34910: Docs: Add Callout to Stacks Helper page about limited flexbox gap support
- #34913: docs: make use of the
.Site.Params.docs_version
variable
- #34914: Typo/US locale fixes
🛠 Examples
- #34766: dashboard-rtl: use the same scripts as the dashboard example
🌎 Accessibility
🏭 Tests
- #34077: Add GitHub SHA in BrowserStack build ID.
- #34912: BrowserStack: add Firefox 60 and Chrome 60
📦 Dependencies
Compare Source
Highlights
- Added experimental, opt-in CSS Grid support
- Added support for responsive offcanvas components in navbars
- Added new placeholders component for skeleton loading screens
- Added support for horizontal collapsing in the collapse component
- Added new stack and vertical rule helpers
- Added tons of new CSS variables for body styles, colors, RGB colors, and more
- Updated
.bg-*
and .text-*
utilities to use CSS variables and new RGB CSS variables for real-time customization
- Added four new component examples for dropdowns, footers, list groups, and modals
- Updated modal and offcanvas backdrops to make them unique to each component
- Reverted ability for
.col-*
classes to override .row-cols-*
classes for now until we can fix some critical bugs
🚀 Features
- #31813: Add optional CSS grid
- #31859: Add a "skeletons" component
- #32319: Add maps for all colors, document how to extend color utilities
- #33403: modal: change
data-dismiss
so that it can be outside of a modal using bs-target
- #33781: Add utility classes for opacity
- #33986: New helpers:
.hstack
, .vstack
, and .vr
- #34253: Add horizontal collapse support
- #34273: Offcanvas navbar
- #34333: Accept argument of different types in the
getInstance
method
🎨 CSS
- #31813: Add optional CSS grid
- #32319: Add maps for all colors, document how to extend color utilities
- #33781: Add utility classes for opacity
- #33986: New helpers:
.hstack
, .vstack
, and .vr
- #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
- #34253: Add horizontal collapse support
- #34273: Offcanvas navbar
- #34432: More concise improvements for
add()
and subtract()
- #34440: Add null
$card-box-shadow
variable
- #34445: fix(forms): prevent color control from shrinking
- #34475: Make text decoration consistent with other anchors
- #34481: Make the
$accordion-icon-color
default value consistent with the $accordion-button-color
- #34572: Clean up a couple CSS Grid issues
- #34612: Revert "Allow individual grid classes to override
.row-cols
"
- #34651: Update
$input-bg
to use $body-bg
☕️ JavaScript
- #33402: Changes to Alert component to match the others
- #33403: modal: change
data-dismiss
so that it can be outside of a modal using bs-target
- #33603: Fix
Manipulator.offset()
- #33610: Toasts: Change showing timings and classes to keep toast
display:none
by default
- #33865: Add shift-tab keyboard support for dialogs (modal & Offcanvas components)
- #33866: Add dynamic, live alerts example to docs
- #34170: Use a streamlined way to trigger component dismiss
- #34205: Cleanup tooltip & popover components
- #34207: Make proper use of the SelectorEngine in ScrollSpy
- #34215: Use the
switch
statement instead of if
- #34220: Do a major cleanup in Collapse.js
- #34333: Accept argument of different types in the
getInstance
method
- #34441: util.js: remove
Selector.findOne()
dependency
- #34458: Dropdown cleanups
- #34543: Fix
Util.reflow
function and add documentation
- #34619: tooltip: move repeated strings to constants
- #34620: Enable a few eslint-config-xo rules
- #34628: Regression on tooltip template creation process.
📖 Docs
- #32319: Add maps for all colors, document how to extend color utilities
- #33866: Add dynamic, live alerts example to docs
- #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
- #34406: Fix site params variable on themes section
- #34472: Added new Offcanvas file to import example
- #34517: Update nav-tab.md
- #34526: Add: GitHub Octicons to the list
- #34557: docs: minor image compression improvements
- #34573: Update the custom Sass import docs
- #34574: Document change to
hr
in v5
- #34577: Make note of
_root.scss
being required
- #34578: Rename Build Tools page to Contribute
- #34605: Collapse page: add a link to the accordion page
- #34637: Improved docs describing
media-breakpoint-down
breakpoints
🛠 Examples
- #33882: Add four new snippet examples
- #34273: Offcanvas navbar
- #34336: Remove unneeded
.text-white-50
CSS rule from Offcanvas Example
🌎 Accessibility
- #33865: Add shift-tab keyboard support for dialogs (modal & Offcanvas components)
🔧 Utility API
- #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
🧰 Misc
- #32907: npm scripts: add
aggregate-output
- #34389: CONTRIBUTING.md: fix broken link to README.md
- #34453: CI: make use of the
actions/setup-node
's cache
option
📦 Dependencies
Compare Source
🚀 Features
- #34052: Automatically select an item in the dropdown when using arrow keys
🎨 CSS
- #33621: Allow individual grid classes to override
.row-cols
- #34008: Fix x-paddings for select (with floating label, and in Firefox)
- #34026: Set the correct color for popover header bottom border
- #34034: Add missing transition to
.form-select
- #34044: Fix wrong comment text for tooltip
- #34047: Handle complex expressions in
add()
& subtract()
- #34048: Decouple
--bs-table-bg
and --bs-table-accent-bg
- #34062: Document how to make utilities responsive using the API
- #34124: fix(dropdowns): RTL for
.dropdown-menu-*
- #34161: fix(forms): unitless
line-height
for floating labels
- #34223: docs(style): fix display of nested
<ul><li>
- #34245: Replace
/
division with multiplication and custom divide()
function
- #34255: Don't set auto margin on offcanvas close
- #34281: Fix lingering Sass math
- #34283: Update the
divide()
function and RFS
- #34332: Fix another Sass division
☕️ JavaScript
- #33276: Add
getOrCreateInstance
method in base-component
- #33371: Popover & Tooltip: Allow
dispose
/hide
methods usage through jQueryIntreface
- #33608: Utils: add
getNextActiveElement
helper function
- #33845: Fix handling of transitionend events dispatched by nested elements
- #33928: Reset inside a Dialog does not work if
data-dismiss="modal"
is set
- #33947: Refactor scrollbar.js to be used as a Class
- #33948: Add tests for scrollbar.js & better handling if a style property doesn't exist
- #33960: fix
isVisible
false positives from deep nesting or alternate means
- #33982: Don't add empty content holder when there is no content available
- #34014: Fix backdrop "Cannot read property 'removeChild' of null" when removed from body
- #34052: Automatically select an item in the dropdown when using arrow keys
- #34070: Fix test of #34014
- #34071: Change
element.parentNode.removeChild(element)
to element.remove()
- #34085: Fix prevented show event disables modals with fade class from being displayed again
- #34092: Backdrop: Fix stale body by removing unnecessary default
- #34158: Register only one
DOMContentLoaded
event listener in onDOMContentLoaded
- #34266: Fix carousel buttons
- #34307: fix(carousel): arrow keys break animation if carousel sliding
📖 Docs
- #33724: Nav-tabs documentation example: Adjust example to
querySelectorAll
- #33749: add Bootstrap 5 Simplified Chinese translation
- #34009: Drop
BlinkMacSystemFont
in docs
- #34018: Adjusted z-index to cover "copy" buttons
- #34040: Placeholder changes to input value in readonly input.
- #34044: Fix wrong comment text for tooltip
- #34050: Replace Freenode with Libera IRC server
- #34062: Document how to make utilities responsive using the API
- #34074: Update Hugo config and sitemap.xml
- #34090: Change HTTP to HTTPS
- #34143: Add positioned badges example to docs
- #34160: img in horizontal card
- #34175: Fix typo in sass.md ("theses"→ "these")
- #34179: Missed explanations for variables override
- #34180: docs: update dropdowns.md to reflect the correct version
- #34183: docs: update migration.md to fix a typo
- #34199: docs: update overview.md to fix typo
- #34223: docs(style): fix display of nested
<ul><li>
- #34239: fix(docs): update docs to match the newest modal-open removal
- #34251: Document the change to breakpoint mixins
- #34256: Add important to utilities, mention it's usage and global variable
- #34263: Fix error in JavaScript doc example
- #34280: Remove a leftover
sass:math
module call
🛠 Examples
- #34007: Dashboard example improvements
- #34011: Cheatsheet: fix JS errors in
setActiveItem()
- #34214: fix accessibility issue on sidebars example
🌎 Accessibility
- #34052: Automatically select an item in the dropdown when using arrow keys
- #34214: fix accessibility issue on sidebars example
🔧 Utility API
- #34062: Document how to make utilities responsive using the API
- #34256: Add important to utilities, mention it's usage and global variable
🏭 Tests
- #33948: Add tests for scrollbar.js & better handling if a style property doesn't exist
🧰 Misc
- #34075: Improve vnu-jar.js
- #34250: Replace Freenode with Libera.Chat in the remaining files
- #34279: build/vnu-jar.js: clean up ignores
📦 Dependencies
Compare Source
🎨 CSS
- #33551: Modals no longer use
.modal-open
to affect the <body>
scroll
- #33644: Validated inputs in
.input-group
shouldn't be behind sibling element
- #33825: Prevent
accent-bg
from leaking in nested table
- #33870: Don't redefine
$list-group-color
in loop
- #33961: Revert
:read-only
selector back to [readonly]
☕️ JavaScript
- #33221: Prevent toast autohiding if focusing or hovering
- #33288: Remove potential false positive assertions
- #33327: Move get element functionality to a helper
- #33381: Popover/Tooltip: streamline
config
property to start with underscore
- #33609: Merge js-components
transitionend
listener callbacks into one method
- #33635: Extract static
DATA_KEY
& EVENT_KEY
to base-component
- #33740: Refactor: move disposing properties into the base class
- #33853: Fix backdrop
rootElement
not initialized in Modal
- #33920: Fix: Click on input outside of dropdown-menu prevents dropdown from closing
- #33938: Fix dropdown test warning "without expectations"
📖 Docs
- #33709: Add Arabic translation
- #33837: update About text now that Bootstrap 5 is live
- #33841: Fix typo in scrollspy docs
- #33842: Fix browser support versions in migration doc
- #33843: Fix typo in migration.md
- #33855: Remove extra t in Close button heading in Migration guide
- #33868: Fix value
- #33879: Fix "no long require" to "no longer require" typo
- #33893: Add accessible names to SVG icons in alerts
- #33896: Fix accordion link
- #33901: docs: make tooltip anchor properly wrap the svg
- #33904: Add Fathom Analytics to v5 docs
- #33915: docs: fix rtlcss stringmap configuration
- #33916: Remove unneeded "Edge Legacy" mention in Range docs
- #33924: Fix "directoinal" typo in v5 migration docs
🛠 Examples
Configuration
📅 Schedule: Branch creation - "before 3am on Monday" (UTC), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Mend Renovate. View repository job log here.
Uh oh!
There was an error while loading. Please reload this page.
Mend Renovate
This PR contains the following updates:
^4.6.0
->^5.2.2
Release Notes
twbs/bootstrap
v5.2.2
Compare Source
Highlights
.btn:hover
from v5.2.1. We now explicitly target.btn-check
styles instead.data
attribute (will be removed again in v6)<h1>
for all.modal-title
instances in our docs$border-color
intable-variant()
mixintab.show()
.active
class toggling of tabs within dropdownsz-index
on.toast-container
as opposed to individual.toast
s that don't receive any other positioningtitle
attribute on dynamically created elements🎨 CSS
.btn-check
and undo:hover
$border-color
intable-variant
mixin☕️ JavaScript
📖 Docs
<h1>
for allmodal-title
examples/usesview in GitHub
links insidemain
🌎 Accessibility
<h1>
for allmodal-title
examples/uses🏭 Tests
🧰 Misc
📦 Dependencies
v5.2.1
Compare Source
🚀 Highlights
color
value to use the$accordion-button-color
Sass variable instead of our color contrast functiontransparent
default hover border color CSS variable for buttons to fix a visual regression.btn-link
no longer has a gradient when$enable-gradients
is set totrue
z-index
values to ensure proper rendering of validated form fieldstext-align
to ensure consistent stylingborder-radius
list-group-item
selectors to better support nested imports of Bootstrap's CSSborder-radius
values inside pagination componentsselector
, dynamic content, and disposed tooltips usingtitle
🚀 Features
🎨 CSS
outline
for docs code samples, buttons when:not(:focus-visible)
$popover-header-color
.text-center
z-index
CSS variables..btn-link
☕️ JavaScript
📖 Docs
.form-checkbox
->.form-check
🛠 Examples
examples/features
page.🌎 Accessibility
outline
for docs code samples, buttons when:not(:focus-visible)
📦 Dependencies
v5.2.0
Compare Source
🚀 Highlights
smooth-scroll
behavior🚀 Features
smooth-scroll
behavior🎨 CSS
.form-control-color
sizing and styles.showing
btn-link
custom-property-empty-line-before
.table-group-divider
border.dropdown-item
border-radius
when$dropdown-padding-y
is0
readonly
inputs asdisabled
--bs-headings-color
CSS variable due to backward compatibility issuesdb61cf3
for$text-muted
default value.navbar-nav
--bs-btn-disabled-border-color
inbutton-outline-variant
mixin$display-font-family
and$display-font-style
☕️ JavaScript
smooth-scroll
behavior.show
from panels dependent-less on the existence of.fade
class📖 Docs
.is-invalid
from textarea validation exampleinterval=false
from docs & testsdata-bs-title
instead oftitle
type="button"
to Bootstrap versions dropdown🛠 Examples
🌎 Accessibility
type="button"
to Bootstrap versions dropdown🏭 Tests
spyOn
usage🧰 Misc
📦 Dependencies
v5.1.3
Compare Source
Fixes
🎨 CSS
align-self: center
to buttons for improved rendering in flex containers"v5.1.2
Compare Source
Highlights
calc()
functions that use negative numbers. This should restore the ability to import and compile Bootstrap's Sass increate-react-app
.border-radius
sizes to small and large.form-select
salign-self: center
to buttons for improved rendering in flex containerssms
in theSAFE_URL_PATTERN
.img-fluid
role="switch"
to our form switches in our docsChanges
🎨 CSS
align-self: center
to buttons for improved rendering in flex containersborder-radius
sizes to small and large.form-select
s☕️ JavaScript
sms
in theSAFE_URL_PATTERN
📖 Docs
role="switch"
to switches.img-fluid
in docscontents.md
🛠 Examples
role="switch"
to switches🧰 Misc
generatedCode: 'es2015'
📦 Dependencies
v5.1.1
Compare Source
Highlights
🎨 CSS
rgba-css-var
function for body or bg$dropdown-link-hover-color
variable color value in _variable.scss file☕️ JavaScript
bs-toggle
, to hide other open instancesdata-bs-original-title
issue📖 Docs
data-bs-original-title
issue$enable-smooth-scroll
to Sass options page.hstack
example and placeholder 'How it works' example.Site.Params.docs_version
variable🛠 Examples
🌎 Accessibility
🏭 Tests
📦 Dependencies
v5.1.0
Compare Source
Highlights
.bg-*
and.text-*
utilities to use CSS variables and new RGB CSS variables for real-time customization.col-*
classes to override.row-cols-*
classes for now until we can fix some critical bugs🚀 Features
data-dismiss
so that it can be outside of a modal usingbs-target
.hstack
,.vstack
, and.vr
getInstance
method🎨 CSS
.hstack
,.vstack
, and.vr
add()
andsubtract()
$card-box-shadow
variable$accordion-icon-color
default value consistent with the$accordion-button-color
.row-cols
"$input-bg
to use$body-bg
☕️ JavaScript
data-dismiss
so that it can be outside of a modal usingbs-target
Manipulator.offset()
display:none
by defaultswitch
statement instead ofif
getInstance
methodSelector.findOne()
dependencyUtil.reflow
function and add documentation📖 Docs
hr
in v5_root.scss
being requiredmedia-breakpoint-down
breakpoints🛠 Examples
.text-white-50
CSS rule from Offcanvas Example🌎 Accessibility
🔧 Utility API
🧰 Misc
aggregate-output
actions/setup-node
'scache
option📦 Dependencies
v5.0.2
Compare Source
🚀 Features
🎨 CSS
.row-cols
.form-select
add()
&subtract()
--bs-table-bg
and--bs-table-accent-bg
.dropdown-menu-*
line-height
for floating labels<ul><li>
/
division with multiplication and customdivide()
functiondivide()
function and RFS☕️ JavaScript
getOrCreateInstance
method in base-componentdispose
/hide
methods usage throughjQueryIntreface
getNextActiveElement
helper functiondata-dismiss="modal"
is setisVisible
false positives from deep nesting or alternate meanselement.parentNode.removeChild(element)
toelement.remove()
DOMContentLoaded
event listener inonDOMContentLoaded
📖 Docs
querySelectorAll
BlinkMacSystemFont
in docs<ul><li>
sass:math
module call🛠 Examples
setActiveItem()
🌎 Accessibility
🔧 Utility API
🏭 Tests
🧰 Misc
📦 Dependencies
v5.0.1
Compare Source
🎨 CSS
.modal-open
to affect the<body>
scroll.input-group
shouldn't be behind sibling elementaccent-bg
from leaking in nested table$list-group-color
in loop:read-only
selector back to[readonly]
☕️ JavaScript
config
property to start with underscoretransitionend
listener callbacks into one methodDATA_KEY
&EVENT_KEY
to base-componentrootElement
not initialized in Modal📖 Docs
🛠 Examples
Configuration
📅 Schedule: Branch creation - "before 3am on Monday" (UTC), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Mend Renovate. View repository job log here.