bootstrap v5.0.0-beta1 Release Notes

Release Date: 2020-12-07 // 11 months 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 to shift-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 of e
    • #32258: homepage: fix wrong alt attribute
    • #32281: Add mention of link underline change to migration and typography
    • #32335: cheatsheet.js: use event instead of e

    ๐Ÿฑ ๐ŸŒŽ 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


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 to filter (not backdrop-filter)
    • #31802: Improve callout shortcode.
    • โšก๏ธ #31803: Update bs-table shortcode
    • ๐Ÿ“„ #31806: docs: switch to fenced codeblocks
    • #31809: carousel: add missing to description and fix nextwhenvisible 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