Task Board – Change Log
Version 6.2.2
2025-05-13STYLING CHANGES
- The column title is now moved in DOM from column header to column body when column is collapsed. CSS class
b-rotate-title
has been removed (11273)
DEMOS
- ANGULAR New
locked-column
demo added that shows how to properly lock a column. The demo is located in theexamples/frameworks/angular/locked-column
folder
BUG FIXES
- 7589 – Incorrect card count in column headers in
gantt-taskboard
demo - 9286 – Should be possible to unassign resource in single-assignment mode
- 9969 –
TaskBoard
animation is glitching when moving column through collapsed columns - 11073 – Changing
multiSelect
at runtime doesn’t work inTaskBoard
- 11137 – ANGULAR Enabling locked columns feature triggers an error
- 11168 – Pressing right/left arrow in editing mode in
SimpleTaskEdit
should not move to the next task - 11273 – Collapsed columns text overlaps with locked column
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.78.0
- Remix:
>= 2.15.0
Version 6.2.1
2025-04-23FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.78.0
- Remix:
>= 2.15.0
Version 6.2.0
2025-04-10FEATURES / ENHANCEMENTS
- Readonly tasks now consistently display a non-editable information modal that can be invoked by double-click or context menu. The associated menu item
Edit
is no longer disabled, but replaced byShow task
when the task item cannot be edited - Inline editing of readonly tasks is now properly disabled and replaced by displaying the information modal on double click
- We’ve improved search in the documentation with new context-aware algorithms, delivering more accurate and relevant results from the API, guides & examples
- BREAKING Since most apps have a build process that includes a transpilation step, starting with
v6.2.0
we use the minimum possible transpile polyfills for the source code inside the@bryntum/taskboard-thin
npm package to ensure that it works for all currently supported frameworks. Previously, each source file was transpiled with more polyfills, which introduced unnecessary overhead from transpilation helper functions. After this change, the size of your built app should be reduced. If you encounter issues with your framework’s builder parsing the code, consider upgrading to a newer framework version that supports the latest ECMAScript specification (10797) - You can now lock columns to the left or right of other columns using the new
Column.locked
config and by activatingColumnLock
feature (10480)
API CHANGES
- BREAKING The
AjaxHelper.fetch()
utility function no longer appliescredentials: 'include'
by default, to better match how the nativefetch
API works. This change also affectsAjaxStore
andProjectModel
, if used by your app to handle remote data (10886) - For performance reasons, task selection now directly adds / removes the
b-selected
CSS class from card elements. Previously it would refresh the UI, calling anytaskRenderers
in the process. If your task renderer has conditionals that depend on the task being selected, you will have to force a refresh when selection changes to restore the old behavior
LOCALE UPDATES
- Added translation key
TaskBoard.showTask
DEMOS
- New
locked-column
demo added that shows how to properly lock a column. The demo is localed inexamples/locked-column
folder
BUG FIXES
- 11019 – HIGH PRIO Locked column behavior in Bryntum
TaskBoard
- 11030 – HIGH PRIO
taskRenderer
called many times when open cell editor
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.78.0
- Remix:
>= 2.15.0
Version 6.1.9
2025-04-07BUG FIXES
- 8782 – Salesforce LWS support in Firefox
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.78.0
- Remix:
>= 2.15.0
Version 6.1.8
2025-04-01API CHANGES
- We’ve launched nightly npm package builds on our Bryntum npm server. Versions follow the format
X.Y.Z-nightly.YYYYMMDD
(e.g.6.1.8-nightly.20250330
), reflecting the current version and publish date - The
rtl
config property of widgets is now public. By default, widgets conform to the writing direction of the element they are rendered to. But with the now publicrtl
property, you can force a widget, and all descendant widgets to lay out from right to left (10859)
DEMOS
- We have introduced UI localization for our Vanilla JavaScript demos, supporting all 45 currently available locales
- Custom theme demo (JavaScript) shows how to create a custom theme by modifying SCSS variables. The new demo is located in the
examples/custom-theme
folder (10287)
BUG FIXES
- 10795 – SALESFORCE Remove
Map
/Set
polyfills - 10938 – HIGH PRIO Incorrect CSS
sourceMappingURL
in Bryntum thin npm packages
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.78.0
- Remix:
>= 2.15.0
Version 6.1.7
2025-02-21FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.78.0
- Remix:
>= 2.15.0
Version 6.1.6
2025-01-31BUG FIXES
- 10643 – Changing columns using changeColumn menu from
taskMenu
is not working
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.38.0
Version 6.1.5
2024-12-25BUG FIXES
- 10476 –
ColumnPickerButton
not showing submenu when in overflow menu
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.38.0
Version 6.1.4
2024-12-09FEATURES / ENHANCEMENTS
- TaskEditor
beforeSave
event now supports async listener functions (10412) - Starting with the
6.1.4
release, there are now trial versions of thin NPM packages available on our NPM server. These can be used to evaluate combining multiple products before purchasing a license. Please check the "What’s new" guide for the details
DEMOS
- ANGULAR Added new Angular
basic-thin
demo showing use of thin NPM packages. Demo is located inexamples/frameworks/angular/basic-thin
folder - REACT Added new React
basic-thin
demo showing use of thin NPM packages. Demo is located inexamples/frameworks/react-vite/basic-thin
folder - VUE-3 Added new Vue-3
basic-thin
demo showing use of thin NPM packages. Demo is located inexamples/frameworks/vue-3-vite/basic-thin
folder - WEBPACK Added new Webpack
basic-thin
demo showing use of thin NPM packages. Demo is located inexamples/frameworks/webpack/basic-thin
folder
BUG FIXES
- 10250 – Not all resources are being shown in the
resourceAvatars
for a task - 10448 – REACT JSX renderers are not supported with
React 19
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.38.0
Version 6.1.3
2024-11-18FEATURES / ENHANCEMENTS
- Salesforce LWC build now using generators instead of async/await as a workaround for Firefox bug. LWC bundle is now compiled with
"chrome": "54"
babel target (7849)
API CHANGES
- VUE 2 reached end of life on December 31, 2023. As a result, we will no longer be updating our Vue 2 components. While the components will continue to exist, we will remove them in a future release and recommend that you upgrade to Vue 3 for continued support
STYLING CHANGES
- Certain color adjustment functions in SASS has been deprecated and will be removed from SASS in a future version. To be prepared for that, we have replaced our usages of these functions with the new ones. In general, this should not affect the look of components, with reservation for minor color variations (for more information, see https://sass-lang.com/documentation/breaking-changes/color-functions)
BUG FIXES
- 9018 – HIGH PRIO Localization doesn’t work for Microsoft Dynamics CRM Online
- 10305 – Updating task values in
beforeSave
event have not affect
VERSIONS SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 3.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
- Sass:
>= 1.38.0
Version 6.1.2
2024-10-11DEMOS
- VUE-3-VITE New basic demo (Vue 3 vite) shows how to use Bryntum TaskBoard in Vue 3 project with TypeScript. The demo is located in
examples/frameworks/vue-3-vite/basic
folder (9808)
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.1.1
2024-09-27FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.1.0
2024-09-18FEATURES / ENHANCEMENTS
- The regular non-Ajax
Store
now has the ability to accept remote paging, sorting and filtering (6860, 8180, 9363) TaskBoard
projects now supports also loading / syncingcolumns
data (9666)
API CHANGES
ColumnModel
fields are now marked as nonpersistable
(except thename
field)
DEMOS
- New
columns-remote
demo showing how to loadcolumns
data remotely
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.0.6
2024-09-13STYLING CHANGES
- Predefined colors available as
eventColor
has been normalized betweenScheduler
,Calendar
andTaskBoard
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.0.5
2024-08-30BUG FIXES
- 5233 – ANGULAR Frameworks wrappers components not triggering some events
- 9678 –
TaskBoard
column drag animation broken - 9718 – VUE-3 Preventable events don’t work in Vue wrapper
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.0.4
2024-08-02FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.0.3
2024-07-26FEATURES / ENHANCEMENTS
- The plugin processing has been updated to correctly handle multiple plugin configurations
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.0.2
2024-07-24FEATURES / ENHANCEMENTS
- Bumped the built-in version of FontAwesome Free to
v6.6.0
, which includes a new table-cells-row-unlock icon sponsored by Bryntum
DEMOS
- REACT-REMIX "Basic" (React + Remix) demo shows using TaskBoard component in Remix. The demo is located in
frameworks/react-remix/basic
folder (4912) - SHAREPOINT Added a new demo for SharePoint Framework (SPFx) in the
frameworks/react/typescript/sharepoint-fabric
folder (9224)
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.0.1
2024-07-05FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 6.0.0
2024-06-28We are thrilled to announce version 6.0
of our TaskBoard product. This release marks a significant milestone for us after more than two years of dedicated development. In this update, we are excited to bring you:
- New
ColumnRename
feature allowing users to change column titles - Support for rendering custom HTML into the column headers
- TaskBoard Calendar combination demo
- Improved accessibility support
- Improved TypeScript typings
- A new code editor in the examples for easy fiddling
- Bug fixes and other enhancements requested by our community
A special thanks to everyone who helped us by testing our alpha and beta versions. Your feedback and support have been invaluable
FEATURES / ENHANCEMENTS
- Column header can now contain HTML content after setting
htmlEncodeHeaderText
tofalse
on a column (7160) - New
columnHeaderRenderer
method allow you to customize contents of column headers. Showcased in the updatedcolumns
demo (8290) - New
ColumnRename
feature allowing users to change column titles (8313) - The context menu
resource
picker now uses same selected icon independent ofsingleAssignment
mode (8461) - New events fired by the TaskBoard instance when clicking a column header or column header title
- The code editor in examples is now implemented with the VS Code engine. Code folding, search and replace, full undo/redo is now available when editing examples
- TypeScript Class configs
Config
(e.g.ButtonConfig
) now provide type declarations forlisteners
parameter in.d.ts
files - TypeScript Class configs
Config
(e.g.ButtonConfig
) types now have optional parameters in.d.ts
files.*Config
type can be used instead ofPartial<*Config>
declaration - Bumped the built-in version of FontAwesome Free to
v6.5.2
, which includes a new table-cells-row-lock icon sponsored by Bryntum - Angular Bryntum Angular wrapper now exports
Bryntum...Props
types (e.g.BryntumTaskBoardProps
) which match the config required for a wrapper components (e.g.BryntumTaskBoardComponent
).Wrappers code is now delivered with documentation inside, that helps in setting up the components EventHelper
no longer mutates the DOM event object to fix browser quirks and add utility properties. It now wraps the DOM event with a Proxy, which exposes all the properties of the DOM event and also accepts any new properties added to it. The original DOM event is available in thebrowserEvent
property.
API CHANGES
- VUE-3 Bryntum Vue-3 wrapper now exports
Bryntum...Props
types (e.g.BryntumTaskBoardProps
) which match the configs available for a wrapper component (e.g.<bryntum-task-board>
). Wrappers code is now delivered with documentation and TypeScript sources inside (3085) - DEPRECATED The
WidgetHelper
utility class has been deprecated and will be removed in a future release. Use the corresponding widget class instead –Widget
,Toast
orMask
(6103) - BREAKING The
useRawData
setting onStore
is now enabled by default, but with all sub-settings disabled. This means that the incoming data object will be used as is, without being cloned. Which will boost data loading performance, but is potentially a breaking change if the data object is reused / used in other parts of the application (8335) - BREAKING In
6.0.0-alpha-2
we changed the default value foruseRawData
on stores totrue
. This boosted record creation performance by not cloning the incoming data object. However, this change has lead to some issues, and we are now taking a step back. It will once again default tofalse
when supplying data inline, and instead only totrue
when data is loaded remotely using anAjaxStore
or aCrudManager
(9289) - DEPRECATED
@bryntum/babel-preset-react-app
,@bryntum/cra-template-typescript-taskboard
,@bryntum/cra-template-javascript-taskboard
npm packages are deprecated, and will not get any further updates. Versions prior to6.0.0
are still accessible - BREAKING ANGULAR REACT VUE
BryntumProjectModel
framework wrapper is no longer available since6.0.0
. UseBryntumTaskBoardModel
instead. Check the upgrade guide for the details
STYLING CHANGES
- The Stockholm theme got some slight tweaks to panel header (removed bottom border) and tab panel styling (replaced active tab background with thick bottom border) for a more modern look (8440)
DEMOS
- TaskBoard Calendar combination demo has been updated (8432)
- The
backend-sync
demo PHP backend has been improved
BUG FIXES
- 6441 – Instance config values should not be overridden by responsive configs
- 6854 – Pressed state lost as button in
ButtonGroup
enters an overflow menu - 7760 – HIGH PRIO TypeScript Type intersection with
any
might be wrong - 8523 –
SlideToggle
inside overflow menu triggers 2 change events - 9360 – Alt text missing from buttons on the task board
FRAMEWORK SUPPORT
- NodeJS:
>= 20.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.13
2024-06-26FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.12
2024-06-13API CHANGES
- VUE REACT When using wrappers for Vue or React,
syncDataOnLoad
is by default set totrue
on all stores configured on the wrapped Widget. Starting from5.6.12
, stores with a configuredreadUrl
or that belongs to a project configured with aloadUrl
, will have theirsyncDataOnLoad
default tonull
BUG FIXES
- 9032 – SALESFORCE Resource avatars do not overlap
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.11
2024-05-21FEATURES / ENHANCEMENTS
- A new static boolean property,
Widget.accessibility
was added, which, when set totrue
causes tooltips to be activated onfocus
in addition tomouseover
(5539) - Added
aria-label
attributes to resource avatar rendering + overflow item - Vanilla JavaScript documentation has a new section on Multiple Products, showing how to use multiple components in a single page using
thin
components (8756)
API CHANGES
- After a docs regression, several APIs flagged to be hidden in subclasses were still visible in the docs. These APIs are now correctly hidden (9140)
BUG FIXES
- 9045 – Number of overflowing resources in
TaskBoard
looks inconsistent
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.10
2024-04-24DEMOS
- REACT-VITE New "Redux data store" (React + Vite) example demonstrates how to use a Redux store with Bryntum Taskboard. Located in the
frameworks/react-vite/redux
folder (8908)
BUG FIXES
- 8677 – HIGH PRIO Inconsistent Task position index when dropping
- 8992 – ANGULAR implement support of
ViewEncapsulation.ShadowDom
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.9
2024-04-09LOCALE UPDATES
- Added Brazilian Portuguese translation (
'PtBr'
) (8747)
DEMOS
- VUE-3-VITE New "Customized task menu" demo (Vue 3 + Vite) demonstrates how to customize the task menu. The demo is located in
frameworks/vue-3-vite/task-menu
folder (8193) - REACT-VITE New "Customized task menu" demo (React + Vite) demonstrates how to customize the task menu. The demo is located in
frameworks/react-vite/task-menu
folder (8194) - ANGULAR New "Customized task menu" demo (Angular) demonstrates how to customize the task menu. The demo is located in
frameworks/angular/task-menu
folder (8195)
BUG FIXES
- 8812 – Adding a combo item on unmatch doesn’t trigger sync
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.8
2024-03-04BUG FIXES
- 8668 –
beforeColumn
isundefined
when column is dropped in the same place - 8678 – DOCS Document
resourceAvatarClick
andresourceAvatarOverflowClick
events
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.7
2024-02-22BUG FIXES
- 8394 –
selectionChange
event firesundefined
when usingTaskMenuItem
- 8423 – HIGH PRIO LWC Engine performance is too low with LWS enabled
- 8539 – Crash when toggling full screen
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.6
2024-01-31FEATURES / ENHANCEMENTS
- Bumped built-in FontAwesome Free to version
6.5.1
- All frameworks demo applications have been verified and updated to be compatible with Node.js 20
API CHANGES
- To boost record creation performance, records now cache their
id
(it is accessed very frequently, helps performance a bit) and join their store(s) in a more efficient way. As a side effect, a record no longer has astores
array prior to joining a store, previously it was there as an empty array from start. We don’t think this will affect any code, but wanted to share the change in case it does - DEPRECATED ANGULAR REACT VUE
BryntumProjectModel
framework wrapper will be removed starting from6.0.0
version. UseBryntumTaskBoardProjectModel
instead. Check the upgrade guide for the details
BUG FIXES
- 8200 – Webpack build failed with
.min.css
file
FRAMEWORK SUPPORT
- NodeJS:
>= 14.0.0
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.5
2024-01-09BUG FIXES
- 7403 – Make a guide on how to make a theme selector in frameworks
- 7964 – REACT JSX doesn’t work in Popups
- 8092 –
TaskBoard
task editor is not vertically scrollable - 8118 – Text contrast issue for items in label combo
- 8120 – Header menu button doesn’t show menu in
TaskBoard
Task Menu demo
FRAMEWORK SUPPORT
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.4
2023-12-21FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
FRAMEWORK SUPPORT
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.3
2023-12-13FEATURES / ENHANCEMENTS
- REACT Documentation in "Quick start" and "Guide" is now updated with how to build React application in Vite for higher efficiency and better performance in development
API CHANGES
- DEPRECATED Please kindly note that
@bryntum/babel-preset-react-app
and@bryntum/cra-template-typescript-taskboard
,@bryntum/cra-template-javascript-taskboard
packages will not get any updates after6.0.0
version
BUG FIXES
- 8036 – Copy to clipboard doesn’t work in some code blocks
FRAMEWORK SUPPORT
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.2
2023-11-24BUG FIXES
- 7092 – Feature mixin on-owner events are not exposed on class
FRAMEWORK SUPPORT
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.1
2023-11-17BUG FIXES
- 5719 – YARN Can not install
@bryntum
product packages using yarn v2/v3 - 7750 – Vite error
@charset must precede all other statements
- 7754 – Frameworks Thin packages not working with
pnpm
- 7820 –
globalThis
should be defined in locales to support LWC
FRAMEWORK SUPPORT
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.6.0
2023-10-26FEATURES / ENHANCEMENTS
- This release introduces a new set of npm packages and framework components, that allows combining multiple Bryntum products in the same application. These packages contain the product specific code only, as opposed to the current packages that has all code for the products each product builds upon (for example Scheduler contains Grid & Core). The new packages are called
thin
packages, and moving forward it will be the recommended way of using Bryntum products in npm based applications (for all supported frameworks). See the "What’s new" guide for more information - REACT TaskBoard now supports React components (JSX) as header, body or footer items (4600)
- REACT New React + Vite demo JSX Task items shows how to use React components as task items. The demo is located in
frameworks/react-vite/task-items
folder @bryntum/taskboard-thin
bundle includes scss theme files insass/themes
folder (7445)- TypeScript Functions and events declarations in typings were improved to contain all available parameters and return type (6961, 4456)
API CHANGES
- BREAKING
Core.util.helper.Point
class has been moved to solve circular module dependencies. It is now a named export of theCore.util.helper.Rectangle
module. Check upgrading guide for the details - BREAKING TypeScript
ScrollOptions
typedef has been renamed toBryntumScrollOptions
to not interfere with TypeScript interfaceScrollOptions
. Check upgrading guide for the details (7385) - FRAMEWORKSDEPRECATED
BryntumProjectModel
wrapper component has been renamed toBryntumTaskBoardProjectModel
. Please see the upgrade guide for details - The
taskDragAbort
event was mistakenly fired on touch devices for any touch started on a card, even if the card was not dragged. It was also triggered when preventing a drag by returningfalse
from abeforeTaskDrag
event handler, even though that doing so prevents the drag from ever starting. Both these "misfires" have been fixed (7198)
BUG FIXES
- 7313 – Taskboard ignores state updates to display data
FRAMEWORK SUPPORT
- TypeScript:
>= 3.6.0
- Angular:
>= 9.0.0
- React:
>= 16.0.0
- Vue:
>= 2.0.0
- Ionic:
>= 5.0.0
- Vite:
>= 4.0.0
- Webpack:
>= 4.0.0
Version 5.5.5
2023-10-23FEATURES / ENHANCEMENTS
- Task
template
items can now optionally be rendered when the value of the backing field isnull
orundefined
. To opt-in, configure the item withrenderNull: true
. Useful to displayNo value
,Empty
or similar (7625)
BUG FIXES
- 7345 – Swimlane collapsing issue when static height is set for virtualize
Version 5.5.4
2023-10-05BUG FIXES
- 4859 – Task dragging causes crash
- 7195 – Drag and drop task cards sometimes works incorrect on iPad
- 7310 – Cards content don’t collapse on time when fixed height used
- 7378 – Column header text not shown in collapsed column
- 7485 – TaskBoard column’s
minWidth
is used when collapsed - 7591 – Limit overflow tooltip to Bryntum owned DOM
Version 5.5.3
2023-09-15FEATURES / ENHANCEMENTS
TaskDrag
feature now supports adragTouchStartDelay
controlling how long to tap-hold before a card drag can start (6915)
Version 5.5.2
2023-08-30FEATURES / ENHANCEMENTS
- TaskBoard now fires many new useful events:
columnCollapse
,columnExpand
,columnToggle
,swimlaneCollapse
,swimlaneExpand
,swimlaneToggle
,swimlaneHeaderClick
,swimlaneHeaderDblClick
,swimlaneContextMenu
(7136)
BUG FIXES
Version 5.5.1
2023-08-16BUG FIXES
- 7275 – Bad UX on creating new item when
simpleTaskEdit
feature enabled
Version 5.5.0
2023-07-31This release is a replacement for the 5.4.3 patch release. It was changed to a minor version because of some larger changes behind the scenes to pave the way for future support for live updates in Scheduler Pro and Gantt.
BUG FIXES
- 7221 – VUE Vue vite app doesn’t compile with Bryntum vue wrappers
Version 5.4.2
2023-07-26FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
Version 5.4.1
2023-07-13FEATURES / ENHANCEMENTS
- We have created a public repository to showcase Salesforce demos. All previous demos are merged into one Lightning Application which is easy to install to a new scratch org. You can find more information in updated guides and in this repository: https://github.com/bryntum/bryntum-salesforce-showcase#bryntum-salesforce-showcase
- We have created a public Salesforce org where this app is preinstalled. You can find link to it and login credentials on the updated examples page
BUG FIXES
- 6077 – TypeScript
Model
constructors should allow second param
Version 5.4.0
2023-06-30FEATURES / ENHANCEMENTS
Widget
has a new config,maximizeOnMobile
which takes effect only onfloating
widgets on a mobile device. It causes the widget to be maximized instead of positioned in order to accommodate the mobile virtual keyboard. This will make event editing much easier to use on mobile devices (6522)- On mobile devices,
type : 'checkbox'
is rendered as aslidetoggle
widget. The API and value is the same, it is just a more appropriate UI for the platform - The
TaskEditor's
color fieldTaskColorCombo
has been updated with a more compact color picker. The field is also the same field used in other products when editing color values. The picker is also used in newly added context menus color options as well as the new GridColorColumn
- For a slightly better docs experience for most users, the docs browser now by default hides some more obscure APIs normally only used when implementing own widgets and features. Advanced users in need of these APIs can still opt in to see them using the
Show
menu in the docs browser - TaskBoard now uses an index to lookup tasks in each column / swimlane intersection. Before this change, it did a linear search per intersection. The new approach greatly boosts rendering performance with a large amount of swimlanes and columns. Tradeoff is more expensive processing on column and swimlane CRUD, to rebuild the index (6992)
Version 5.3.7
2023-06-20BUG FIXES
Version 5.3.6
2023-05-26FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
Older versions
- Full release version history can be found here.