Closed
Description
This issue is for tracking progress of the next release of Bootstrap-Vue.
We will be updating this list as PRs are added/merged.
If you have bug reports or feature requests, please open a new issue rather than comment here.
New Features
- Use Bootstrap V4.3 SCSS
-
b-modal
Allow multiple modal's opened at once (stacked) (PR fix(form-state): explicitly handle when state is set to empty string. fixes #2166 #2167) -
b-table
Add support for selectable rows (PR feat(table): Selectable rows (fixes #1790) #2260, closes Table: select feature #1790) -
b-form-checkbox
andb-form-checkbox-group
Bootstrap V4.2 switch style checkboxes (PR feat(form-checkbox): support custom switch styling #2293) -
b-spinner
New Bootstrap V4.2 component (PR feat(spinner): Pre-Release Bootstrap V4.2 spinners #2306) - Migrate CSS to SCSS for custom styles and theming support (PR feat(core): Add SCSS index file (fixes #2201) #2221) Big thanks to @jackmu95!
Enhancements
-
b-alert
add fade prop and fade animation CSS (PR feat(alert): Add fade prop #1785, fix(alert): target custom transition CSS to just the alert component #2205) -
b-card
new helper sub-componentsb-card-title
,b-card-sub-title
andb-card-text
(PR feat(card): new helper sub-components #2375) -
b-carousel
added support for swipe left/right on touch screens (PR feat(carousel): add support for swipe on touch screens #2409, closes [question] Touch/drag support #2358) -
b-dropdown
add dropleft and drop right support (PR feat(dropdown): Adddropright
anddropleft
direction support #2117) -
b-dropdown
make show and hide events cancelable (PR feat(dropdown): Make show/hide events cancelable + Add toggle event #1807) -
b-dropdown
added support for link/router-link and 'variant' in split button mode (PR feat(dropdown): support 'href', 'to' and 'variant' in split button mode (Closes #1960) #2301, Closes b-dropdown split link #1960) -
b-dropdown
added support for form controls and free flow text (PR feat(dropdown): support for form controls and free flow text #2434) -
b-dropdown
andb-navbar-item-dropdown
use provide and inject for sub items to control closing dropdown (PR feat(dropdown): use provide and inject #2431) -
b-form-input
implement bootstrap v4.1 custom range input (PR fix(form-input): custom-range style adjustments #2122, feat(form-input): support custom-range input + validation and input styles #2120) -
b-form-texarea
incorporate optional formatter (PR fix(form-textarea): Bug fixes and features #2111) -
b-form-invlaid-feedback
andb-form-valid-feedback
add support for tooltip style (PR feat(forms): add support for tooltip-style feedback text #2188) -
b-form-radio
andb-form-checkbox
switch to use provide and inject for better detection of grouping (PR feat(form-radio-check): migrate to using provide/inject, add inline props #2241) -
b-form-group
support multiple breakpoint label column sizes and alignment (PR feat(form-group): Add multiple breakpoint support for label (Closes #2230) #2258, Closes [b-form-group] Probably unneeded horizontal column calculation #2230, b-form-group breakpoint missing for bootstrap 4 #1973) -
b-list-group
add support responsive horizontal list-groups (PR feat(list-group): support horizontal layout #2536) -
b-modal
new v4.2xl
size -
b-modal
add support for scrollable modal content (PR feat(modal): add support for scrollable dialog content #2535) -
b-progress
&b-progress-bar
use provide and inject for inter component communication (PR perf(progress): use provide and inject for inter component communication #2540) -
b-table
use SCSS and bootstrap variables for defining stacked table breakpoints -
b-table
improved codebase for filtering, sorting, and pagination (PR fix(table): fix filtered event, fix emptyFilter message w/filter function, fix reactivity of filter sub routines (Fixes #1989,#1517) #2149, fixes table: empty filtered text shows unexpectedly when using a function #1517, Improvement: Fire <b-table> filtered-event when filteredItems array gets modified #1989) -
b-table
add contextmenu event on rows (PR feat(table): Support contextmenu event binding for table rows #2064) -
b-table
add row uncovered event (PR feat(table): Add row-unhovered event #1874) -
b-table
allow sorting on nested object properties (PR feat (table): Updated table component to support sorting on nested object properties. #1868) -
b-table
support row arbitrary classes (PR Table row arbitrary classes. #1797, fixes Scoped table column data cells need to know their field metadata #1705) -
b-table
introduce optiontable-busy
slot for use loading message and/or spinners, etc (PR feat(table): Add table-busy slot for loading status. Closes #1859 #2196, Closes Show loading message for b-table. #1859) -
b-table
no longer need to add.stop
modifier onclick
events inside data or head scoped slots to preventhead-clicked
orrow-clicked
emitting (PR feat(table): Remove need to add.stop
modifier on slot inputs/links/buttons #2214) -
b-table
addborderless
style prop (PR feat(table): add borderless prop #2300) -
b-table
add support for transitions on<tbody>
element (PR feat(table): add support for transitions on tbody element (Closes #1821) #2450, Closes Expose transition on table tbody element #1821) -
b-tabs
active tabs dynamically viaactive
prop and public methods (PR fix(tabs): various fixes and improvements (Fixes: #2327, #2148. Closes: #2403, #2180) #2442) -
b-popover
include directive in component plugin (PR fix(popover): Add directive to component plugin #2115) -
b-tooltip
include directive in component plugin (PR fix(tooltip): Add directive to component plugin #2116)
Fixes
- security: strip script tags from html injected into elements (PR feat(security): Strip HTML script tags before inserting content into DOM. Fixes #1974,#1665 #2134, fixes Script tag is not escaped when using :option="" in form-select #1974, Injection in b-form-group valid/invalid feedback properties #1665)
- auto id: ensure reactivity of auto generated id and apply only after mount() (PR fix(safeId): trigger id creation/update after mount (fixes #1978) #2161, fixes b-checkbox label's for not working in SSR mode #1978)
-
b-button
,b-dropdown
, andb-link
: fix various interrelated issues and aria (PR fix(dropdown, button, link): various bug fixes and aria fixes (Fixes #1814,#1817) #2159, fixes dropdown wont close when click on component that uses stopPropagation #1814, clickout.js need some optimization #1817) -
b-dropdown
support links (and other tags) as trigger elements (PR feat(button): Make button tag configurable #1929) -
b-dropdown
betterno-caret
option using SCSS (PR fix(dropdown): Use custom CSS forno-caret
option #1473 #2136, fixes (dropdown+nav-item-dropdown):noCaret
option causes unwanted side effects #1473) -
b-dropdown-item
fix click event handling bug in Safari (PR fix(dropdown): Menu focusout close handling #2252) -
b-dropdown-item-button
Add support foractive
state (PR fix(dropdown-item-button): Add support foractive
state #2212) -
b-card
and sub component render issues with undefined slots (PR fix(card): fix card and sub component render issues. Fixes #2062 #2125, fixes Everything inside b-card renders 'undefined' #2062) -
b-card
add support for left and right image placement (PR feat(card): support left and right image placement #1981) - all form controls: allow attribute
form
to be applied to custom inputs (PR feat(forms): add form prop to all inputs. fixes #2154 #2172, fixes Form attribute #2154) - all form controls: fix state prop when set to empty string (PR fix(form-state): explicitly handle when state is set to empty string. fixes #2166 #2167, fixes Style borders in input validation not load default colors #2166)
-
b-form-input
bugfixes (PR fix(form-input): bug fixes and add new features #2100, feat(form-input): Use new form-text mixin and add trim and number modifiers #2204) -
b-form-input
attach native event listeners (PR Fix(FormInput) Add native events listeners && tests #1873) -
b-form-file
allow input to be reset by clearing v-model (PR feat(form-file): reset file input when value set to null or empty string #2170) -
b-form-file
customize browse button text (PR fix(form-file): Add prop to allow customization of browse button text. fixes #2143 #2168, fixes How to customise the button text of "Browse" in b-form-file #2143) -
b-form-file
fix faulty drag and drop event handlers (PR fix(form-file): fix drag and drop feature #2169) -
b-form-select
fire change event after input (PR fix(select): Current v-model value on change event (fixes #1772) #2207, Fixes Getting old v-model object value after @change event in b-form-select #1772) -
b-form-select
remove interim classes needed for bootstrap v4.0.x (PR fix(form-select): remove interim class fixes from bootstrap 4.0 (fixes #1896) #2265, Closes b-form-select incorrectly renders with .form-control class #1896) -
b-form-textarea
bugfixes (PR fix(form-textarea): Bug fixes and features #2111) -
b-form-textarea
attach native listeners (PR fix(form-textarea): Bug fixes and features #2111) -
b-input-group
styling fix for dropdowns, radios, and checks (PR fix(input-group): Styling fix for dropdowns, radio and checkbox groups. Fixes #2114,#1560 #2118, fixes Using a Dropdown and Button in an Input Group Renders Incorrectly (Round #2) #2114, Using a Dropdown and Button in an Input Group Renders Incorrectly #1560) -
b-list-group-item
default button type to button for button action items (PR fix(list-group-item): set button type to 'button' when button in mode or tag=button (Fixes #2192) #2194, Fixes [b-list-group-item] Button list group item defaults to "submit" type #2192) -
b-modal
add content class prop (PR feat(table) Add content-class prop #1961, fixes Modal doesn't add themodal-class
prop as expected #1950) -
b-modal
optimize reset Scrollbar routine (PR fix(modal) optimize model.resetScrollbar , resolves #1831 #1837, fixes Destorying modal is slow due to scrollbar reset #1831) -
b-modal
handle enforce focus when modal in stacked (multiple opened) mode (PR fix(modal): Handle enforce focus when modals are stacked (Fixes #2175) #2211, fixes bug(modal): enforce focus prevents focus in stacked modal #2175) -
b-modal
ability to disable stacking mode (PR feat(modal): Make stackable optional #2259) -
b-modal
handle edge cases where model programatically show and hidden in rapid succession (PR fix(modal): handle edge cases where modal is shown/hidden in rapid succession (fixes #2236) #2270, Fixes [modal] modal-open class of body element remains despite the modal has closed on rapid async show/hide #2236) -
b-pagination
&b-pagination-nav
add slots for bookend buttons and ellipsis (PR feat (pagination) added slots for first, prev, next, last, and ellipsis #1980) -
b-pagination
&b-pagination-nav
v-model active class fix + keypress click fix (PR fix(pagination pagination-nav): v-model active class fix + keypress click fix (Fixes #1985, #1629) #2299, Fixes currentPage page's item dom no active #1985, Pagination Navigation does not update currentPage despite value being changed #1629, Closes: Keyboard Navigation for Pagination Nav breaks when going to buttons not on initial render. #1891) -
b-table
return empty string for undefined cell data (PR fix(table): return empty string if cell value is null or undefined. Fixes #1502 #2139, fixes Inconsistent bTable Cell Rendering of undefined Values #1502) -
b-table
fix stacked breakpoints to match latest Bootstrap V4.1 css (PR fix breakpoints on stacked tables to latest bootstrap-values #1933) -
b-table
preserve attributesaria-rowcount
andaria-describedby
if provided (PR fix(table): Preserve aria-rowcount and aria-describedby if provided. Fixes #1801 #2195, Fixes [Vue warn]: Error in render function: "TypeError: Cannot read property 'aria-rowcount' of undefined" #1801) -
b-table
Emit v-model input event only when computedItems changes (PR fix(table): Emit v-model input event only when computedItems changes (closes #2231) #2254, Closes [b-table] unexpected input event triggered by reactive data used in triggered method #2231) -
b-table
handle edge cases for clearing selected rows (PR fix(table): Clear selection when data change #2267) -
b-tabs
Better reactivity of tab title slots (PR fix(tabs): various fixes and improvements (Fixes: #2327, #2148. Closes: #2403, #2180) #2442)
Documentation
- enhanced component reference for sub components (PR feat(docs): Allow sub-components to show reference info for slots and events #2132)
- fix live example (v-play) console errors during live edits (PR fix(docs): Fix console errors and improve
play
directive #2176) - fix playground hangs on template & code errors (PR fix(docs): fix playground issues. fixes #1843 #2177, docs(playground): improve console overrides #2193, fix(docs): fix issue with playground export button #2197, fixes BootstrapVue Playground Crash #1843)
- Use babel-standalone` in playground and v-play to allow most es6 examples to work in older browsers (PR feat(docs): use babel-standalone in playground/v-play to support IE #2286, feat(docs): conditionally load babel-standalone only on browsers that need transpilation #2294)
- playground now supports render functions
- document vue-loader v15 changes
- vee-validate examples (PR updated vee-validate example to handle the
fields
error in issue #1270 #1938, Added vee-validate example #1889 , fixes b-table: The computed property "fields" is already defined in data. #1270) - Vue-cli v3 usage documentation (PR chore: Document usage with Vue CLI 3 #2323, Closes Doc Feature Update Vue-CLI v3 #2096, Support for @vue/cli v3.0.0 ? #1946)
- various documentation fixes and updates
Unit Testing
- Use
vue-test-utils
for component testing (on some components)
Postponed until later release
New Features
-
b-toast
(andb-toaster
) Bootstrap V4.2 toast component (may wait for BS V4.2 to be released) - Use
portal-vue
for tooltips/popovers and modals, as well as toasts (needs Portal-Vue 2.0 when available)
Enhancements
-
b-table
optional sorting and filtering of formatted and scoped slot item fields (when local sorting or local filtering only) -
b-navbar
b-collapse
b-bavbar-toggle
use provide and inject to auto-associate toggle to collapse -
b-modal
scoped/parameterized modals -
b-popover
andb-tooltip
add support for custom class on root tip/pop element (wait on revamp of popover/tooltip/modal/toast)
Fixes
Documentation
Unit testing
- Use
vue-test-utils
for component testing
Other
- Webpack template updates to use latest Vue/Boostrap-Vue/Bootstrap
Metadata
Metadata
Labels
No labels