Task Board – Change Log

DEMOS

• Our new Salesforce Community page is up and running. It solves the problem caused by recent change in Salesforce policy regarding Non-Revenue Orgs. Look up "Device Activation Is Always Required for Non-Revenue Orgs"

BUG FIXES

• 11923 – Filter popup draggable is not configurable

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

BUG FIXES

• 11651 – TaskFilterField does not update UI and only filters store
• 11800 – Column resize feature missing on frameworks bundles

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

BUG FIXES

• 11643 – Add config option to auto-close column sort menu in TaskBoard
• 11664 – StoreSort should be able to invert the sort order when a sort function is used

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

FEATURES / ENHANCEMENTS

• TaskBoard now supports adding a "catch-all" column that displays all tasks that do not fit into any other column. To use it, add a column with id: '*' (11506)
• TaskBoard has a new feature to provide per-column sorting capabilities (11509)
• Added the feature ColumnFilter which allows applying granular filtering to each column separately (10292)
• Added a new CollapseItem that can be used to collapse / expand a card (10450)
• Added ColumnResize feature, which allows changing the width of columns by dragging the invisible separator between column headers. When the spacing between headers is zero or very small, the separator element overlaps the adjacent headers by a small amount (10481)
• Bryntum now ships a Chart module (chart.module.thin.js), to easier integrate Chart.js-based charts with our products. Used in the new charts demo
• Bryntum npm repository provides charts thin package @bryntum/chart-thin and wrapper packages for major frameworks: Angular (@bryntum/chart-angular-thin), React (@bryntum/chart-react-thin) and Vue 3 (@bryntum/chart-vue-3-thin)
• Added a new ChartItem that can be used to display a chart in a card

API CHANGES

• DEPRECATED The tasksData, resourcesData and assignmentsData configs and properties on the ProjectModel have been deprecated. Use events, resources and assignments instead (9778)
• Added a new FilterBar feature, which allows applying simple filtering to each column separately (11507)

STYLING CHANGES

• Introduced a CSS custom property --taskboard-column-resize-handle-min-width

LOCALE UPDATES

• Added translations for the ColumnFilter feature

DEMOS

• New catch-all-column demo to demonstrate how to add a column holding tasks not matching any other column
• New column-sort demo to explore per-column single sorting or menu sorting
• The task-edit demo was updated to show how to use a rich text editor in the task editor, using the TinyMCE editor (2698)
• New charts demo, showcasing how to combine the new Chart widget with a TaskBoard
• Updated the config-panel and task-items demos to use collapsible tasks
• New column-filtering demo to explore per-column filter configuration
• Updated the columns and column-header-menu demos to show column resizing
• The Vue 2 simple demo has been removed. The CSS in this release uses modern syntax that the build process for it cannot handle, and since we announced in 6.1.3 that we no longer support Vue 2, we decided to remove the demo
• New column-search demo to explore per-column simple filtering

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

FEATURES / 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

BUG FIXES

• 11489 – TaskBoard recomposes twice on changes

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

BUG FIXES

• 11313 – HIGH PRIO SharePoint demos across Bryntum Suite are broken

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

STYLING 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 the examples/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 in TaskBoard
• 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

FEATURES / 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

FEATURES / 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 by Show 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 activating ColumnLock feature (10480)

API CHANGES

• BREAKING The AjaxHelper.fetch() utility function no longer applies credentials: 'include' by default, to better match how the native fetch API works. This change also affects AjaxStore and ProjectModel, 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 any taskRenderers 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 in examples/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

BUG 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

API 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 public rtl 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

FEATURES / 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

BUG 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

BUG 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

FEATURES / 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
• New CollapseItem task item letting users collapse a task card to occupy minimal height by hiding the card body and footer

DEMOS

• ANGULAR Added new Angular basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/angular/basic-thin folder
• REACT Added new React basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/react-vite/basic-thin folder
• VUE-3 Added new Vue-3 basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/vue-3-vite/basic-thin folder
• WEBPACK Added new Webpack basic-thin demo showing use of thin NPM packages. Demo is located in examples/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

FEATURES / 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

DEMOS

• 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

FEATURES / 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

FEATURES / 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 / syncing columns data (9666)

API CHANGES

• ColumnModel fields are now marked as non persistable (except the name field)

DEMOS

• New columns-remote demo showing how to load columns 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

STYLING CHANGES

• Predefined colors available as eventColor has been normalized between Scheduler, Calendar and TaskBoard

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

BUG 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

FEATURES / 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

FEATURES / 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

FEATURES / 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

FEATURES / 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

We 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 to false on a column (7160)
• New columnHeaderRenderer method allow you to customize contents of column headers. Showcased in the updated columns demo (8290)
• New ColumnRename feature allowing users to change column titles (8313)
• The context menu resource picker now uses same selected icon independent of singleAssignment 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 for listeners 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 of Partial<*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 the browserEvent 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 or Mask (6103)
• BREAKING The useRawData setting on Store 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 for useRawData on stores to true. 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 to false when supplying data inline, and instead only to true when data is loaded remotely using an AjaxStore or a CrudManager (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 to 6.0.0 are still accessible
• BREAKING ANGULAR REACT VUE BryntumProjectModel framework wrapper is no longer available since 6.0.0. Use BryntumTaskBoardModel 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

FEATURES / 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

API CHANGES

• VUE REACT When using wrappers for Vue or React, syncDataOnLoad is by default set to true on all stores configured on the wrapped Widget. Starting from 5.6.12, stores with a configured readUrl or that belongs to a project configured with a loadUrl, will have their syncDataOnLoad default to null

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

FEATURES / ENHANCEMENTS

• A new static boolean property, Widget.accessibility was added, which, when set to true causes tooltips to be activated on focus in addition to mouseover (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

DEMOS

• 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

LOCALE 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

BUG FIXES

• 8668 – beforeColumn is undefined when column is dropped in the same place
• 8678 – DOCS Document resourceAvatarClick and resourceAvatarOverflowClick 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

BUG FIXES

• 8394 – selectionChange event fires undefined when using TaskMenuItem
• 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

FEATURES / 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 a stores 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 from 6.0.0 version. Use BryntumTaskBoardProjectModel 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

BUG 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

FEATURES / 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

FEATURES / 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 after 6.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

BUG 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

BUG 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

FEATURES / 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 in sass/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 the Core.util.helper.Rectangle module. Check upgrading guide for the details
• BREAKING TypeScript ScrollOptions typedef has been renamed to BryntumScrollOptions to not interfere with TypeScript interface ScrollOptions. Check upgrading guide for the details (7385)
• FRAMEWORKSDEPRECATED BryntumProjectModel wrapper component has been renamed to BryntumTaskBoardProjectModel. 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 returning false from a beforeTaskDrag 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

FEATURES / ENHANCEMENTS

• Task template items can now optionally be rendered when the value of the backing field is null or undefined. To opt-in, configure the item with renderNull: true. Useful to display No value, Empty or similar (7625)

BUG FIXES

• 7345 – Swimlane collapsing issue when static height is set for virtualize

Older versions

• Full release version history can be found here.