v4.6.2

Compare Source

Highlights

• Added an example to our Collapse plugin docs to show how to use horizontal collapsing. This has long been possible via our JS, but we never had an official class to utilize it.
• We've replaced the deprecated color-adjust with print-color-adjust in our Sass files as part of the Autoprefixer v10.4.6 issues. This should quiet the issues folks have seen from that dependency change. If you're using our distribution CSS files, like bootstrap.min.css, you may still see the warning.
• Tweaked the size of small and .small to compute to a whole pixel value (was 12.8px and now is 14px).
• Improved accessibility around our dropdowns, color contrast, and role attributes.
• Fixed some broken links to supporting documentation.
• Updated dependencies across the board.

What's Changed

• Removed blurred background reference from the Toast Docs. by @​pricop in https://github.com/twbs/bootstrap/pull/35190
• Update links to CCA, MQ5 prefers-reduced-motion, evergreen WCAG urls, more resources by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/35427
• v4-dev backports and updates by @​XhmikosR in https://github.com/twbs/bootstrap/pull/35482
• Backport #​35556 by @​julien-deramond in https://github.com/twbs/bootstrap/pull/35558
• Tweak toast docs by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/35633
• v4-dev backports and updates by @​XhmikosR in https://github.com/twbs/bootstrap/pull/35642
• Doc: Reorder alphabetically lists of components by @​julien-deramond in https://github.com/twbs/bootstrap/pull/36128
• Updated the small-font-size to use a round value by @​pricop in https://github.com/twbs/bootstrap/pull/36172
• v4 dev backports and updates by @​XhmikosR in https://github.com/twbs/bootstrap/pull/35767
• _custom-forms.scss: fix order of attributes by @​twin-elements in https://github.com/twbs/bootstrap/pull/36231
• Replace the deprecated color-adjust with print-color-adjust by @​AdrianCurtin in https://github.com/twbs/bootstrap/pull/36283
• [v4] Doc: remove role="group" from some split drop* buttons by @​julien-deramond in https://github.com/twbs/bootstrap/pull/36254
• Dynamic tabs: use buttons rather than links (backport to v4) by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/33163
• v4 dev updates by @​XhmikosR in https://github.com/twbs/bootstrap/pull/36430
• Fix closing HTML tag in navs docs by @​julien-deramond in https://github.com/twbs/bootstrap/pull/36466
• v4: Horizontal collapse by @​mdo in https://github.com/twbs/bootstrap/pull/36434
• Fixing tabs' tests v4 by @​louismaximepiton in https://github.com/twbs/bootstrap/pull/36485
• Docs: fix some ARIA Authoring Practices Guides broken links by @​julien-deramond in https://github.com/twbs/bootstrap/pull/36490
• v4 - Remove confusing unnecessary id/aria-labelledby for dropdown menus by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/36491
• v4 Docs: outdated ARIA/PF link, expand contrast explanation in accessibility.md by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/36492
• v4: Improve accessible name of version dropdown in docs navbar by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/36504
• Update devDependencies by @​XhmikosR in https://github.com/twbs/bootstrap/pull/36522
• Docs: update clipboard.js to v2.0.11 by @​julien-deramond in https://github.com/twbs/bootstrap/pull/36631
• Update devDependencies by @​XhmikosR in https://github.com/twbs/bootstrap/pull/36724
• v4: Add Fathom by @​mdo in https://github.com/twbs/bootstrap/pull/36727
• Docs: Capitalize Unicode by @​julien-deramond in https://github.com/twbs/bootstrap/pull/36735
• Release v4.6.2 by @​XhmikosR in https://github.com/twbs/bootstrap/pull/36725

New Contributors

• @​twin-elements made their first contribution in https://github.com/twbs/bootstrap/pull/36231
• @​AdrianCurtin made their first contribution in https://github.com/twbs/bootstrap/pull/36283

Full Changelog: twbs/bootstrap@v4.6.1...v4.6.2

v4.6.1

Compare Source

What's changed

• Replace Sass division with multiplication and custom divide() function by @​mdo in https://github.com/twbs/bootstrap/pull/34571
• Update RFS to v8.1.0 by @​XhmikosR in https://github.com/twbs/bootstrap/pull/34571
• fix(forms): input-group and validation icons by @​ffoodd in https://github.com/twbs/bootstrap/pull/32968
• Fix minor visual bug in Firefox caused by moz-focusring by @​kremit in https://github.com/twbs/bootstrap/pull/32821
• Adjust SAFE_URL_PATTERN regex for use with test method of regexes by @​nikonthethird in https://github.com/twbs/bootstrap/pull/33153
• Add sms in the SAFE_URL_PATTERN for sanitizer by @​XhmikosR in https://github.com/twbs/bootstrap/pull/35074
• Adjust feedback icon position and padding for select.form-control by @​mdo in https://github.com/twbs/bootstrap/pull/33206
• Carousel: use buttons, not links, for prev/next controls by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/33165
• v4: Sass docs for default variables by @​mdo in https://github.com/twbs/bootstrap/pull/33392
• Handle complex expressions in add() & subtract() by @​ffoodd in https://github.com/twbs/bootstrap/pull/34047
• More concise improvements for add() and subtract() by @​ffoodd in https://github.com/twbs/bootstrap/pull/34432
• Remove aria-haspopup from dropdowns by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/33624
• Dropdown: support .dropdown-item wrapped in <li> tags by @​cpsievert in https://github.com/twbs/bootstrap/pull/33649
• Update Node versions in JS tests (drop Node 10, add Node 16), update docs JS assets and add variables for vertical-align in spinners by @​XhmikosR in https://github.com/twbs/bootstrap/pull/33807
• Replace Freenode with Libera IRC server by @​midzer https://github.com/twbs/bootstrap/pull/34050
• Fix repetition in the Navbar docs description by @​coliff in https://github.com/twbs/bootstrap/pull/34208
• Enable 0.x with negative margins in utilities by @​k-utsumi in https://github.com/twbs/bootstrap/pull/33593
• Remove print thead rule by @​coliff in https://github.com/twbs/bootstrap/pull/34426
• Fix prevented show event disabling modals with fade class from being displayed again by @​alpadev in https://github.com/twbs/bootstrap/pull/34087
• Input group validation with custom-file input by @​ffoodd in https://github.com/twbs/bootstrap/pull/33239
• Add eslint-plugin-qunit and tighten JS tests by @​XhmikosR in https://github.com/twbs/bootstrap/pull/32270
• Update our tests to Node 16 and npm 8 by @​XhmikosR in https://github.com/twbs/bootstrap/pull/35142
• Disabled link cleanup by @​patrickhlauke in https://github.com/twbs/bootstrap/pull/34924
• Updated our devDependencies including terser; also enabled two passes for terser by @​XhmikosR

Full changelog

twbs/bootstrap@v4.6.0...v4.6.1

v4.6.0

Compare Source

Highlights

• Tooltips and popovers can have custom clases via customClass option.
• Added new .navbar-nav-scroll class for scrolling expanded navbar contents on mobile devices.
• For improved accessibiliy, spinners now slow down when prefers-reduced-motion is enabled.
• v4.x docs are now built on Hugo for easier maintenance and backports from v5.x.
• Darkened background-color of .dropdown-item for improved hover state contrast, and ligthened the disabled .dropdown-item color.
• Improved alignment of form validation tooltips.
• File inputs no longer extend beyond their containers.

CSS

• #​31557: Fix form validation tooltip alignment
• #​31657: Handle the Ubuntu sans-serif case
• #​31700: Suppress flexbox side effects in breadcrumb
• #​31882: Slow down spinners when prefers-reduced-motion
• #​31886: Fixed: Undefined mixin "deprecate" when importing "bootstrap-grid-scss"
• #​32141: Use correct value order
• #​32145: Avoid invisible real file input "spilling" out of container
• #​32160: Add overflow suppression to custom file label
• #​32211: Move negative margin-bottom from .nav-item to .nav-link
• #​32212: Remove needless Stylelint disables
• #​32833: Add .navbar-nav-scroll for vertical scrolling of navbar content
• Add two new variables for pagination border-radius values; backport of #​32423
• Remove old/unnecessary reboot bug fix; backport of #​32631
• Suppress focus outline for buttons when it shouldn't be visible in Chromium; backport of #​32689
• Consistently use outline:0 rather than outline:none; backport of #​32751
• Darken dropdown item hover style; backport of #​32754
• Lighten disabled dropdown text to $gray-500

JS

• #​31820: Check for data-interval on the first slide of carousel
• #​31834/#​32225: tooltip/popover: add a customClass option
• #​32001: Move js/src/index.js one folder up
• #​32045: tests: fix sanitizer test
• #​32220: Don't hide modal when config.keyboard is false
• #​32312: build-plugins: switch to "bundled" for babel helpers

Docs

• #​31861: Split up dropdown sizing docs to improve rendering
• #​31892: Remove redundant visually hidden "(current)" from pagination controls
• #​31893: manifest.json: Switch to relative URLs so that we don't need to change the path with every major/minor release
• #​31898: switch to suggesting jsDelivr as a CDN
• #​31904:
  • docs(forms): use a legend for fieldset instead of aria-label
  • docs(forms): fix incorrect legend nesting in fieldset
• #​31936: forms: change inline custom radio name
• #​31951: Update anchor-js to v4.3.0
• #​31960: Explicitly mention emoji fonts, tweak sentence in typography
• #​31981: list-group.md: fix snippet
• #​32005: Remove bugreport.apple.com since it doesn't work
• #​32015: Fix redirects
• #​32050: Make docs anchorjs links darker on keyboard focus
• #​32054: Add callouts about using light colors ideally on a dark background
• #​32077: Switch to Hugo
• #​32083: mention "Liberation Sans"
• #​32087: download.md: link to JS files comparison too
• #​32094: Changes to navbar documentation/explanation
• #​32106: Clarify JS bundle docs once more for v4
• #​32137: input-group.md: fix wrong class .visually-hidden
• #​32138: navbar.md: remove loading=lazy from snippets
• #​32147: Fix caniuse.com redirects
• #​32151: Mention user-select-all support in docs
• #​32196: homepage: split snippets and show copy buttons
• #​32203: Switch to jsDelivr for the remaining docs assets
• #​32223: introduction: split comments
• #​32247: Fix typos in tooltip/popover docs
• #​32253: Add Russian translation
• #​32363: Remove useless .text-left in Layout / Overview
• #​32399: Remove duplicated "follow Bootstrap on Twitter" link in Community section
• #​32457: Add mention of the bs-custom-file-input plugin needed for the custom file input
• #​32461: style clipboard button on :focus, not just :hover
• #​32462: Replace Lorem Ipsum placeholder text with more representative (or at least english language) text
• #​32634: Remove incorrect mention of dropdowns for dynamic tab behavior
• #​32639: v4: Add an actual data-touch="false" example in the carousel docs
• #​32728: add v5.0 in versions
• #​32761: Mention stretched-link constraints with table elements
• #​32789: Remove role="button" from CTA links in carousel example
• #​32791: Docs v4: Sass implementation and rounding precision
• #​32809:
  • Clarify Sass import and customize docs for how to modify variable defaults
  • Add an npm starter project callout to a few pages
• #​32827: Add a live toast example to the docs
• #​32759: Mention CSP and embedded SVGs in v4 docs
• docs(dropdowns): clarify where is .show applied
• Require .has-validation for input groups with validation
• Fix mobile menu jump & double border
• Remove double spaces from homepage SVGs
• browserconfig.xml: switch to relative image path
• Tweak the wording for collapse to indicate button is preferred/more semantic; backport of #​32632
• Clarify the $enable-shadows option in our docs; backport of #​32685

Examples

• #​31979: v4 Examples/Floating-labels: fix bad behavior with autofill
• #​32198: examples: add the version number in title

Misc

• #​29753: Improve build/generate-sri.js regex
• #​32003: CI: switch to Node.js 14
• #​32008: Update Edge's Rendering Engine on CONTRIBUTING.md
• #​32486: BrowserStack: test on macOS Catalina instead of High Sierra
• #​32756: Stylelint: disallow some property values
• Fix for npm 7.x package.json: move version_short variable under the config object; backport of #​32737
• Update build-examples script so that the resulting examples zip file includes only the needed files
• Various CI tweaks
• Updated devDependencies

v4.5.3

Compare Source

CSS

• #​31653: Add a comment to our escape-svg function to note that data URIs must be quoted.
• #​31693: Use the custom-control shadow variable instead of the generic input-focus-box-shadow.
• #​31793: Backport some v5 changes (improved th styling in Reboot, custom form field styling when printing, and improvements to .text-break).
  • #​29714: Keep custom check, radio, and switch theme when printing.
  • #​30781: Reboot's th updates: Inherit font-weight: bold that comes from user agent stylesheets.
  • #​30932: .text-break changes to drop overflow-wrap and use word-wrap once again
  • #​31754: Improve versions page rendering (also reversed the order while I was here)
• #​31846: Backports the z-index change to .close buttons in dismissible .alerts.

JS

• #​31000: Avoid multiple change event trigger in buttons plugin. Not applicable to v5 since our button JS plugin has been mostly replaced with pure CSS.
• #​31673: Fix dropdown variable always evaluating to true.
• #​31696: Ensure hidePrevented.bs.modal can be prevented.
• #​31718: Backports new $dropdown-padding-x variable from v5.

Docs

• #​30811: Mention GPU acceleration fix in docs callout for popovers. Doesn't apply to v5 since we're updating to Popper v2.
• #​30838: Explain the dispose method more appropriately.
• #​31706: Backports updated margins for code snippets for improved readability.
• #​31769: Backports JS bundle guidance from v5.
• #​31851: Backports mention of missing to and nextwhenvisible methods.

Misc

• #​31297: Switch to xo ESLint config
• Updated devDependencies versions