Task Board – Change Log

Version 7.3.7

2026-09-24

BUG FIXES

  • 13685 – TaskBoard column drag resolves order from the store, but the DOM renders from getColumns()
  • 13693 – TaskBoard keyboard column navigation follows store order, not rendered order
  • 13765 – ColumnResize unflexes preceding columns at the resized column’s width
  • 13766 – Column drag is not aborted when the column it would drop before is removed
  • 13767 – Responsiveness stays suspended after a column drag is aborted
  • 13809 – ColumnResize re-flexes columns cached by an earlier, completed resize
  • 13810 – ColumnScrollButton menu freezes column visibility when first created

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.3.6

2026-09-11

FEATURES / ENHANCEMENTS

  • DEPRECATED The taskboard.umd.js and taskboard.umd.min.js bundles are deprecated. They will no longer be part of the distribution from 8.0.0. We will instead provide a guide and an example on how to build a UMD bundle for applications that need one
  • Added a new cardRole config, controlling the ARIA role of the task cards. It defaults to being derived from the configured task items, article for a card holding items which render content that must stay in the accessibility tree and button otherwise. Custom task item types declare this using the new static focusableContent on TaskItem
  • The headerItems, bodyItems and footerItems configs, and their responsiveCards level counterparts, are now documented (and typed) as Object<String,TaskItemOptions|Boolean>, matching the long supported behavior of passing false for a ref to disable that item

API CHANGES

  • TypeScript The template config of TemplateItem, and its TaskItemOptions counterpart, is now documented (and typed) to match the way it is called – with a single object holding taskRecord, config and value – and to return String, DomConfig or DomConfig as the implementation has always supported
  • The style config of TaskItem, and its TaskItemOptions counterpart, is now typed with the new CSSStyleConfig typedef, which accepts a cssText string, a style object or a CSSStyleDeclaration

DEMOS

  • ANGULAR REACT VUE-3 Added new backend-sync frameworks demos showing how to sync with a backend using the built-in crud manager functionality. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/backend-sync folders
  • ANGULAR REACT VUE-3 Added new bigdataset frameworks demos showing partially virtualized rendering of a large task set. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/bigdataset folders
  • ANGULAR REACT VUE-3 Added new catch-all-column frameworks demos showing a column that collects the tasks not matching any other column. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/catch-all-column folders
  • ANGULAR REACT VUE-3 Added new charts frameworks demos showing charts inside task cards and next to the board. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/charts folders
  • ANGULAR REACT VUE-3 Added new column-filtering frameworks demos showing the ColumnFilter feature. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/column-filtering folders
  • ANGULAR REACT VUE-3 Added new column-search frameworks demos showing how to search within a column. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/column-search folders
  • ANGULAR REACT VUE-3 Added new column-sort frameworks demos showing per-column single sorting or menu sorting. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/column-sort folders
  • ANGULAR REACT VUE-3 Added new column-toolbars frameworks demos showing how to customize column toolbars. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/column-toolbars folders
  • ANGULAR REACT VUE-3 Added new columns frameworks demos showing how to manipulate columns. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/columns folders
  • ANGULAR REACT VUE-3 Added new columns-remote frameworks demos showing remote column configuration. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/columns-remote folders
  • ANGULAR REACT VUE-3 Added new config-panel frameworks demos showing a side panel for live configuration. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/config-panel folders
  • ANGULAR REACT VUE-3 Added new custom-theme frameworks demos showing how to create a custom theme. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/custom-theme folders
  • ANGULAR REACT VUE-3 Added new filtering frameworks demos showing how to filter columns, swimlanes and tasks on the TaskBoard. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/filtering folders
  • ANGULAR REACT VUE-3 Added new group-by frameworks demos showing how to change which field is used to assign a task to a column. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/group-by folders
  • ANGULAR REACT VUE-3 Added new localization frameworks demos showing how to preload a specific locale and localize the application. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/localization folders
  • ANGULAR REACT VUE-3 Added new responsive frameworks demos using responsive breakpoints to reconfigure the TaskBoard based on its dimensions. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/responsive folders
  • ANGULAR REACT VUE-3 Added new scrolling frameworks demos showing how to programmatically scroll to tasks, columns and swimlanes. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/scrolling folders
  • ANGULAR REACT VUE-3 Added new simple-task-edit frameworks demos showing inline editing of task cards using the SimpleTaskEdit feature. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/simple-task-edit folders
  • ANGULAR REACT VUE-3 Added new sorting frameworks demos showing how to sort tasks by field or using a custom sort function. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/sorting folders
  • ANGULAR REACT VUE-3 Added new swimlanes frameworks demos showing basic swimlane setup, and how to add and remove swimlanes at runtime. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/swimlanes folders
  • ANGULAR REACT VUE-3 Added new swimlanes-content frameworks demos showing how to use a swimlaneRenderer to populate swimlane headers with custom content. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/swimlanes-content folders
  • ANGULAR REACT VUE-3 Added new task-drag frameworks demos showing how to use task drag events to validate drops and show a confirmation dialog. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/task-drag folders
  • REACT VUE-3 Added new locked-column frameworks demos showing how to programmatically lock a column. The demos are located in examples/frameworks/(react-vite|vue-3-vite)/locked-column folders
  • ANGULAR REACT VUE-3 Added new rtl frameworks demos showing how direction : rtl adjusts the TaskBoard for right-to-left environments. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/rtl folders
  • ANGULAR REACT VUE-3 Added new task-edit frameworks demos showing how to customize the task editor, adding a rich text editor for the task description field. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/task-edit folders
  • VUE-3 Added new task-items frameworks demo showing how to use Vue components as task items to add content to the cards. The demo is located in examples/frameworks/vue-3-vite/task-items folder
  • ANGULAR REACT VUE-3 Added new themes frameworks demos letting you switch between the different themes. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/themes folders
  • ANGULAR REACT VUE-3 Added new todo-list frameworks demos showing how to add a todo list to cards. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/todo-list folders
  • ANGULAR REACT VUE-3 Added new tooltips frameworks demos showing how to customize the task tooltip. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/tooltips folders
  • ANGULAR REACT VUE-3 Added new zooming frameworks demos showing how to emulate zooming by changing the number of cards per row. The demos are located in examples/frameworks/(angular|react-vite|vue-3-vite)/zooming folders

BUG FIXES

  • 11690 – Menu Features add cls : 'b-separator' instead of overridable separator : true
  • 13487 – ACCESSIBILITY Task cards in TaskBoard need a role
  • 13592 – DateRangeField docs describe value as { startDate, endDate } but it accepts an array of two dates
  • 13613 – Clearing swimlaneField at runtime leaves the lanes drawn and duplicates every card per lane
  • 13635 – TaskBoard column drag throws when a swimlane is hidden

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.3.5

2026-08-21

DEMOS

  • ANGULAR Modernized the Angular example demos to the latest standards — unified the props config filename to demo.config.ts, satisfies-typed configuration and removal of template non-null assertions (!)
  • ANGULAR New and modernized Angular integration and quick-start guides — standalone components, signals, custom-element renderers, cell editors, SSR, themes and multiple-product setups
  • ANGULAR New "Custom task items" demo shows how to use Angular components as task items to add content to the cards. The demo is located in examples/frameworks/angular/task-items folder (8327)

BUG FIXES

  • 13403 – TypeError when switching theme in TaskBoard Themes demo
  • 13436 – Cannot create property collapsible on number 1

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.3.4

2026-07-22

DEMOS

  • TinyMceField now uses forced inline mode in Firefox to prevent errors (13291)

BUG FIXES

  • 13328 – Accordions from the function sections cannot be opened

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.3.3

2026-06-25

DEMOS

  • REACT-VITE Duration text in task-items/redux demos now renders in body font, not Font Awesome (13310)

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.3.2

2026-06-09

API CHANGES

  • DEPRECATED Chart configs legendScale, titlePadding, subtitlePadding, minTickLabelRotation, maxTickLabelRotation, bubbleScaleFactor, and chartTooltip have been deprecated in preparation for an upcoming switch from Chart.js to AG Charts, to occur in version 8.0

BUG FIXES

  • 13204 – HIGH PRIO Salesforce Dragging tasks between columns in Salesforce fails

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.3.1

2026-05-28

API CHANGES

  • DEPRECATED ANGULAR Support for Angular 14 and older will be dropped in 8.0.0. If you plan on upgrading to version 8, please make sure to update to Angular 15 or newer before then

BUG FIXES

  • 13182 – TypeError when aborting a sub-threshold column drag with ESC

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.3.0

2026-05-05

FEATURES / ENHANCEMENTS

  • We’ve added a new AI feature which provides an AI agent for the TaskBoard. By using the provided chat panel, the user can ask the agent to interact with the TaskBoard using natural language. For example, the user can ask the agent to move tasks between columns, filter, highlight or select tasks, and manage resources. The agent can also perform data manipulation operations such as adding, updating, and deleting tasks. The feature and all its related components are marked as experimental and are subject to change
  • Added new TaskHighlighting mixin with highlightTasks() and unhighlightTasks() methods for programmatically highlighting tasks on the board, dimming non-highlighted cards to 20% opacity
  • To facilitate easy agentic onboarding, Bryntum structural and theme CSS are now loaded from CDN when not present, while also logging a console warning. This can be disabled with detectCSSCompatibilityIssues: false. For production use, include the CSS in your app

STYLING CHANGES

  • Removed content: var(--fa) convenience CSS rule from .b-icon::before / .b-fw-icon::before. Font Awesome icon classes like fa-book now require the fa base class (e.g., fa fa-book) (12790)

DEMOS

  • ANGULAR Added theme switching support to all demos (12129)
  • VUE-3-NUXT "Basic" (NUXT) demo shows using TaskBoard in NUXT. The demo is located in frameworks/vue-3-nuxt/basic folder (10220)
  • VUE-3 Added theme switching support to all demos (12905)
  • Added ai-taskboard demo showing the AI agent in action. Demo is located in the examples/ai-taskboard folder
  • Removed legacy Ionic demos and guides. Ionic remains supported via the existing React, Angular, and Vue demos.

BUG FIXES

  • 13009 – DOCS TaskBoard TaskDrag not working in the Live Demo

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

Version 7.2.4

2026-04-27

STYLING CHANGES

  • Hardcoded z-index values now use CSS custom properties for easy overriding (13035)

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
  • Remix: >= 2.15.0

Version 7.2.3

2026-04-09

BUG FIXES

  • 12586 – Bryntum TaskBoard responsive configs issue

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
  • Remix: >= 2.15.0

Version 7.2.2

2026-03-19

BUG FIXES

  • 12738 – Bryntum TaskBoard: Multiple resourceAvatars name duplication in tooltip
  • 12798 – HSL color definitions missing % on saturation broke colors on older Safari/iOS

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
  • Remix: >= 2.15.0

Version 7.2.1

2026-02-26

BUG FIXES

  • 12663 – Crash when adding task with SimpleTaskEdit feature while TaskBoard is hidden

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
  • Remix: >= 2.15.0

Version 7.2.0

2026-02-24

FEATURES / ENHANCEMENTS

  • TaskBoard and its TaskStore now support sparseIndex to improve sync performance with large datasets (11978)

DEMOS

  • Added a new Kitchen Sink demo showcasing all the various widgets included in the Bryntum TaskBoard package. The demo is located in the examples/kitchen-sink folder (3961)
  • A new demo showcasing TaskBoard using sparseIndex has been added to our TaskBoard examples. This demo uses a mocked backend built with a service worker and IndexedDB to demonstrate the backend synchronization

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
  • Remix: >= 2.15.0

Version 7.1.3

2026-02-18

STYLING CHANGES

  • The default value for --b-task-board-card-selected-background was changed from --b-primary-98 to --b-primary-96 to improve visibility of selected cards (12583)

BUG FIXES

  • 12618 – TaskDrag feature should not allow dragging task records that have draggable set to false
  • 12620 – Change TaskBoard column sort icon
  • 12621 – TaskBoard problems with adding new columns and tasks

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
  • Remix: >= 2.15.0

Version 7.1.2

2026-02-09

BUG FIXES

  • 11911 – NPM Incorrect source maps in npm packages (@bryntum/taskboard, @bryntum/taskboard-trial)
  • 12094 – Undoing a card move within a column using the STM does not work
  • 12378 – Moving task to a filtered column does not re-apply filtering
  • 12410 – Should be possible to edit a newly added task when filter is applied

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
  • Remix: >= 2.15.0

Version 7.1.1

2026-01-22

BUG FIXES

  • 10476 – ColumnPickerButton not showing submenu when in overflow menu
  • 12422 – Improve documentation for TaskStore chainFilters config
  • 12444 – HIGH PRIO TaskBoard FilterBar/ColumnFilter/ColumnSort should all support toggling per 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
  • Remix: >= 2.15.0

Version 7.1.0

2025-12-19

FEATURES / ENHANCEMENTS

  • Feature FilterBar now supports multi-word search across multiple fields (12043), and highlighting of matches (11589)

STYLING CHANGES

  • Added a new fluent2 theme, available in both a light and dark variant (10338)

BUG FIXES

  • 12381 – Non-circular task count badge when collapsing column with lots of tasks
  • 12408 – Restore highlighting when task editor is canceled without change

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
  • Remix: >= 2.15.0

Version 7.0.2

2025-12-16

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
  • Remix: >= 2.15.0

Version 7.0.1

2025-12-05

STYLING CHANGES

  • TaskBoard now uses container queries to hide card count & expand / collapse / menu buttons from the column header on smaller column widths (12283)

BUG FIXES

  • 12000 – Task card doesn’t appear when moved via swimlanes
  • 12296 – Column resize handles having zero width in some examples

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
  • Remix: >= 2.15.0

Version 7.0.0

2025-11-25

We are proud to announce version 7.0 of our products. In this update we have overhauled the look and feel of all products, introducing a new CSS variable based theming system with the following new themes available: * Svalbard – our new default theme, flat and modern * Visby – inspired by the town’s old ring wall, uses more borders * Material3 – newer material, up from v1 * Stockholm – a refreshed classic * High contrast – more contrast between text and backgrounds

A special thanks to everyone who helped us by testing our alpha and beta versions. Your feedback and support have been invaluable

FEATURES / ENHANCEMENTS

  • All Bryntum products have had a major visual overhaul, modernizing not only their look but also the underlying CSS. See the "Styling changes" section below for more details, and be sure to check out our updated demos
  • Updated versioning scheme: for Alpha and Beta pre-releases now follow semantic versioning format (e.g., 7.0.0-alpha.1, 7.0.0-beta.1)
  • TypeScript Improved TypeScript definitions to support function parameters in typedef declarations

API CHANGES

  • BREAKING DatePicker‘s cellRenderer is now passed the cell element as the cell property of its render context. The inner element into which new content can be added is passed as innerCell. Previously the inner element was passed in the cell property. This will only affect your apps if you have implemented a cellRenderer in any DatePicker
  • Added a new parameter clearChanges to the store’s applyChangeset method which, when passed as false, applies changes to the store without committing them, keeping the store dirty. By default, it is true. (11089)

STYLING CHANGES

  • BREAKING The styling of all Bryntum products has been migrated from SASS to nested CSS with custom properties (CSS variables). This change makes it much easier to create custom themes, and to change styling settings at runtime. But the change is not backwards compatible, any custom themes will have to be remade using the new system. The built-in themes and how they are applied to an app have also changed, we now ship 4 themes: Material3, Stockholm, Svalbard & Visby + a high contrast theme. Each theme has a light and dark variant. Check out the what’s new guide and the updated styling guides for more information
  • BREAKING Bryntum CSS selectors have been normalized to use consistent hyphenated names (kebab-casing). For example, the TabPanel class used to have the b-tabpanel class, but is now b-tab-panel. This change is not backwards compatible, so any custom CSS will have to be updated
  • BREAKING FontAwesome Free is no longer built into the Bryntum CSS, you will have to include it in your app for the default icons to show up as intended. This also means that the b-fa- prefix no longer exists, any icons in your app relying on that has to be changed to FontAwesome’s default fa- prefix. This change was done to reduce bloat for anyone using another icon set, and also makes it easier for apps to use a different version of FontAwesome

BUG FIXES

  • 12149 – TaskBoard web components not switching to dark theme

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
  • Remix: >= 2.15.0

Version 6.3.4

2025-11-20

FEATURES / ENHANCEMENTS

  • VUE-3 Vue 3 npm wrapper packages now include types declaration in package.json (12014)

BUG FIXES

  • 12124 – TaskBoard columnResize feature collides with columnLock
  • 12146 – Collapse/expand arrows for locked column pointing the wrong direction

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.3.3

2025-10-06

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

Version 6.3.2

2025-09-15

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

Version 6.3.1

2025-08-07

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

Version 6.3.0

2025-07-21

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

Version 6.2.5

2025-07-09

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

Version 6.2.4

2025-06-18

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

Version 6.2.3

2025-05-27

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

Version 6.2.2

2025-05-13

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

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

Version 6.2.1

2025-04-23

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

Version 6.2.0

2025-04-10

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

Version 6.1.9

2025-04-07

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

Version 6.1.8

2025-04-01

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

Version 6.1.7

2025-02-21

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

Version 6.1.6

2025-01-31

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

Version 6.1.5

2024-12-25

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

Version 6.1.4

2024-12-09

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

Version 6.1.3

2024-11-18

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

Version 6.1.2

2024-10-11

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

Version 6.1.1

2024-09-27

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

Older versions

  • Full release version history can be found here.