bootstrap v5.0.0-beta1 Release Notes
Release Date: 2020-12-07 // over 4 years ago-
๐ฑ โ Please check our migration guide for more info!
๐ฑ ๐ Features
- #32280: Add toast positioning
- ๐ #30980: Add RTL support
- #32217: Ability to add custom class in tooltip/popover
- #31643: Add a state field to create utility pseudo-classes
๐ฑ ๐จ CSS
- โก๏ธ #31178: Update Popper to v2.x
- #31303: Keep rounded corners for the first
.btn
in vertical button group - #31643: Add a state field to create utility pseudo-classes
- #31735: Simplify
make-container()
- #32149: Rename
scale-color()
function toshift-color()
- #32201: fix(container): use
$variable-prefix
- ๐ #32213: _reboot.scss: remove needless Stylelint disable
- #32249: breadcrumb: simplify appearance, improve extensibility
- ๐ #32277: Remove default linear gradient
- #32280: Add toast positioning
๐ฑ โ๏ธ JavaScript
- #28849: Accessibility: add
aria-label
for tooltips - #29370: create a base component
- โก๏ธ #31178: Update Popper to v2.x
- #31827: Add namespace "bs" in the data attributes
- #32095: JS: use more "modern" APIs
- #32124: tooltip.js: deduplicate
_fixTitle()
- #32152: Fix
.close
instances - โ #32154: BrowserStack: test both on iPhone 7 and iPhone X
- #32173: Make the attribute methods bs specific
- #32178: Handle Chromium to run Karma
- #32179: Don't hide modal when
config.keyboard
is false - #32217: Ability to add custom class in tooltip/popover
- โ #32221: Add missing tags in unit tests
- #32224: Be consistent with Popper's name.
- โก๏ธ #32233: Update bundle.js in tests/integration
- ๐ #32279: Remove the
show
config option from the modal plugin - ๐ #32310: Remove Polyfill leftovers
๐ฑ ๐ Docs
- ๐ #31098: Docs: change sidebar collapse controls to actual button elements
- ๐ #31608: Add baseof.html layout to docs
- โก๏ธ #32117: Update _syntax.scss
- ๐ #32131: application.js: remove non-existent selector
- #32134: Add hyphen between Sass and based
- #32135: Fix caniuse.com URLs to prevent redirects
- #32139: floating-labels.md: fix grammar error
- ๐ #32143: example.html: remove extra whitespace
- #32153: popovers.md: unbreak line
- ๐ฑ #32158: Switch to jsDelivr for the remaining docs assets
- ๐ #32162: docs: Add missing
.has-validation
class for input group example - โก๏ธ #32163: docs: update selector CodePen example
- ๐ #32174: Position Utilities Docs: Fix the marker SVG color to match the button
- #32175: skippy.html: reduce whitespace output
- ๐
#32176: docs: use
expanded
Sass output style for development - #32177: examples: fix
.btn-block
instances - โก๏ธ #32187: Manually optimize SVGs
- ๐ #32189: docs(dropdowns): clarify where is
.show
applied - ๐ #32191: Correct block button breakpoint docs typo
- ๐ #32194: Docs: fix homepage npm install version
- #32198: examples: add the version number in
title
- โ๏ธ #32204: Fix a few typos
- #32223: introduction: split comments
- #32224: Be consistent with Popper's name.
- ๐ #32226: docs: use
event
instead ofe
- #32258: homepage: fix wrong
alt
attribute - #32281: Add mention of link underline change to migration and typography
- #32335: cheatsheet.js: use
event
instead ofe
๐ฑ ๐ Accessibility
- #28849: Accessibility: add
aria-label
for tooltips
๐ฑ ๐งฐ Misc
- ๐ #29753: Improve build/generate-sri.js regex
- ๐ป #30986: Revisit our browserslist config
- โก๏ธ #32125: Update codeql.yml
- โ #32154: BrowserStack: test both on iPhone 7 and iPhone X
- #32222: CI: specify
FORCE_COLOR:2
- โ #32232: npm scripts: run integration tests in parallel
- #32257: README: fix path to search.js
- ๐ #32310: Remove Polyfill leftovers
- #32326: Fix
css-prefix-examples-rtl
script
๐ฆ ๐ฆ Dependencies
- โก๏ธ Updated numerous devDependencies https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F26
Previous changes from v5.0.0-alpha3
-
๐ Changes
- #31728: Switch to dart-sass
- ๐ #31972: Drop Legacy Edge support.
- ๐ #32012: Remove obsolete prefixes
๐ฑ ๐ Features
- #30449: v5: Floating labels
- ๐
#30571: v5: Add
.fs-*
utilities for font-size and rename font-weight/-style utilities - #31343: Adding overflow visible and scroll as utilities
- #31995: Replace
.btn-block
with utilities - #32013: Add dedicated accordion component
- #32066: Add
.d-grid
to our display utilities - #32074: Add
.gap
utilities
๐ฑ ๐จ CSS
- #30449: v5: Floating labels
- ๐
#30571: v5: Add
.fs-*
utilities for font-size and rename font-weight/-style utilities - #30622: Colors rewrite
- #31343: Adding overflow visible and scroll as utilities
- #31651: Fix disabled checkbox toggle buttons
- #31657: Handle the Ubuntu sans-serif case
- #31684: Add Sass variable for CSS variable prefix
- โก๏ธ #31687: Updated
.rounded
utilities - #31700: Suppress flexbox side effects in breadcrumb
- #31826: Alert: Add
z-index
for close button - ๐ #31839: docs: fix contrast color against
.bg-info
- #31877: Apply smooth-scroll when
prefers-reduced-motion: no-preference
- #31882: Slow down spinners when
prefers-reduced-motion: reduce
- #31953: Fix input group border radii
- ๐ #31955: Drop custom file upload plugin in favor of CSS solution
- ๐ #31964: Remove background-clip from .btn-close
- ๐ #31993: Remove explicit heights on form elements
- #31995: Replace
.btn-block
with utilities - #32013: Add dedicated accordion component
- #32020: Add
cursor:pointer
to color inputs - #32023: Fix color input heights
- #32031: Fix
.fw
utilities - ๐ #32064: Remove firefox workaround for
::file-selector-button
margin - #32066: Add
.d-grid
to our display utilities - #32074: Add
.gap
utilities - #32085: Add checks to fix color contrast issues
- #32121: Use correct value order
๐ฑ โ๏ธ JavaScript
- #30740: karma: stop excluding polyfill.js from istanbul
- #31818: Check for data-interval on the first slide of carousel
- ๐ #31842: Remove
Manipulator.toggleClass
- โก๏ธ #31951: Update anchor-js to v4.3.0.
- #32011: polyfill.js minor tweaks
- #32016: Streamline jQuery comment.
- ๐ #32021: Lint: stop ignoring package.js
- #32024: Fix TypeError when Bootstrap is included in
head
- #32026: toast.spec.js: fix typo
- ๐ #32036: ESLint: enable new-cap rule but ignore properties
- โ
#32043: tests: switch to using
toContain()
to check for substring presence - โ #32045: tests: fix sanitizer test.
- โ #32046: tests: tweak Jasmine usage
- #32055: dropdown.js: simplify code
- #32093: karma.conf.js: break lines
- #32100: search.js: check for
search-input
element early - #32101: modal.html: use
textContent
๐ฑ ๐ Docs
- #30044: Contrast colors added to theme-colors
- #30838: Explain the "dispose" method appropriately
- โก๏ธ #31111: Update docs example on how to optimize JavaScript bundle
- ๐ #31583: docs(Modal): Add xxl fullscreen example
- ๐ #31679: Don't wrap the code snippets in our docs
- #31686: v5: Add disabled examples for .form-control, .form-select, and .form-range
- #31702: Add keyboard shortcut to focus search field
- โก๏ธ #31775: Update social.html: use
article
og:type
when it's a page - ๐ #31791: docs: remove pixels from SVGs
- #31794: webpack.md: Replace "both of them" with "it"
- #31795: validation.md: fix _validation.scss file reference
- โก๏ธ #31796: Update
.btn-close-white
docs tofilter
(notbackdrop-filter
) - #31802: Improve callout shortcode.
- โก๏ธ #31803: Update bs-table shortcode
- ๐ #31806: docs: switch to fenced codeblocks
- #31809: carousel: add missing
to
description and fixnextwhenvisible
description - ๐ #31828: docs: Add Russian translation
- ๐ #31835: Move
href
attribute first - ๐ #31839: docs: fix contrast color against
.bg-info
- ๐ #31861: Split up dropdown sizing docs to improve rendering
- โช #31871: Revert "Improve callout shortcode."
- ๐ #31892: Remove redundant visually hidden "(current)" from pagination controls
- โก๏ธ #31893: Update manifest.json
- ๐ #31894: docs: switch to suggesting jsDelivr as a CDN
- #31904: Drop useless text faking a label in horizontal forms example
- #31929: Mention spinners slow down in migration guide
- ๐ #31932: Small typo - remove the unnecessary "the"
- โก๏ธ #31951: Update anchor-js to v4.3.0.
- ๐ #31960: Docs: Explicitly mention emoji fonts, tweak sentence in typography
- #31965: Rename Navs to Navs and Tabs
- โก๏ธ #31981: Update list-group.md
- #31982: Fix git conflicts after #30571
- #31984: Add example with input group between two inputs
- ๐ #32009: Minor Markdown fixes
- #32015: Fix redirects
- #32031: Fix .fw utilities
- #32040: Add callouts about using light colors ideally on a dark background
- โก๏ธ #32049: Update utilities API docs
- ๐ #32050: Make docs anchorjs links darker on keyboard focus
- ๐ #32058: Form file docs and overrides
- โช #32076: Partially revert "Move this to a partial to work around the stray
p
โฆ - #32084: reboot.md: mention "Liberation Sans"
- ๐ #32086: config.yml: remove the unused "expo" parameter
- #32087: download.md: link to JS files comparison too
- ๐ #32090: [Docs] Changes to navbar documentation/explanation
- #32099: search.js: use the current v5.getbootstrap.com URL
- #32100: search.js: check for
search-input
element early - ๐ #32102: docs.html: replace backslashes with forward slashes
- ๐ #32105: Clarify JS bundle docs one more time
- ๐ป #32116: browsers-devices: add
chomp
- #32126: Minor improvements to the Alpha 3 changelog
- #32129: masthead: add newlines in the snippets and reindent
๐ฑ ๐ Accessibility
- #30550: Bump
$dark
to$gray-900
- ๐ #31839: docs: fix contrast color against
.bg-info
- #31877: Apply smooth-scroll when
prefers-reduced-motion: no-preference
- #31882: Slow down spinners when
prefers-reduced-motion: reduce
- ๐ #31892: Remove redundant visually hidden "(current)" from pagination controls
- #31904: Drop useless text faking a label in horizontal forms example
- ๐ #32058: Form file docs and overrides
- ๐ #32090: [Docs] Changes to navbar documentation/explanation
๐ฑ ๐งฐ Misc
- #30740: karma: stop excluding polyfill.js from istanbul
- #31728: Switch to dart-sass
- โก๏ธ #31783: Update .gitignore
- ๐ป #31878: CI: Allow skipping BrowserStack
- โก๏ธ #31930: Update CodeQL action
- #32003: CI: switch to Node.js 14.
- ๐ #32005: Remove bugreport.apple.com url
- #32006: CI: Skip dependabot PR branches.
- โก๏ธ #32008: Update Edge's Rendering Engine on CONTRIBUTING.md
- #32027: Clarify PRs section
- #32033: CODE_OF_CONDUCT.md: fix redirect
- ๐ #32036: ESLint: enable new-cap rule but ignore properties
- ๐ #32056: deps: move sirv-cli to npx
- ๐
#32063: stylelint: pass the
--rd
flag - ๐ฆ #32097: package.json: fix clean-css level switch
๐ฆ ๐ฆ Dependencies
- โก๏ธ Updated numerous devDependencies https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F22