@handsontable/vue - npm Package Versions

[15.0.0] - 2024-12-16

Added

• Added support for row and column virtualization of merged cells. #11162
• Added missing typings for the language files. #11236
• React: Added @handsontable/react-wrapper to the monorepo. #11212

Changed

• Breaking change: Updated the production dependencies (replaced pikaday with @handsontable/pikaday, updated numbro and dompurify) #10929
• Refactored the column stretching logic, moved it to a separate plugin and fixed bugs related to the columns widths misalignment. #11210
• Updated the typing for dropdown and context menu options. #11237
• Updated the monorepo to utilize Node 22. #11265

Removed

• Breaking change: Removed check marks from the Context Menu's alignment submenu. #11278
• Removed aria-hidden from TextEditor's and PasswordEditor's TEXTAREA elements. #11218

Fixed

• Fixed the Autocomplete and Dropdown editors' container size calculations. #11201
• Fixed the focus management for the Dropdown Menu after updateSettings calls. #11205
• Fixed the broken column selection when the column was being moved with the Nested Headers plugin enabled. #11206
• Fixed copying values when the Fast IME Edit option was enabled. #11243
• Fixed an issue with exporting of the common lib in package.json. #11247
• Fixed the checkbox switching in merged cells. #11252
• Fixed a problem with the missing "name" attribute of the Focus Catcher. #11256
• Fixed data deletion for the checkbox-typed cells. #11263
• Fixed the horizontal scrolling for Nested Headers. #11269
• Fixed a problem where the Filters' dropdown container did not match the dropdown content size. #11273
• Fixed an error thrown when hiding already selected columns. #11277
• Fixed the cell fast edit mode that did not work properly when a comment was displayed. #11280
• Fixed an error for cases where the keyboard event was triggered with key set as undefined. #11281
• Fixed the input width calculation for the password-typed cells. #11283
• Fixed the missing source argument for the setDataAtCell method. #11287
• Fixed the top overlay misalignment issue, visible after vertical scrollbar disappeared. #11289
• React: Made the build scripts of @handsontable/react-wrapper place the TS type definitions in the configured directory. #11296

[14.1.0] - 2024-01-16

Added

• Added a new configuration option, renderAllColumns, which lets you disable column virtualization for improved accessibility. #10599
• Added a dedicated renderer (DropdownRenderer) and validator (DropdownValidator) for the dropdown cell type. #10688
• Added support for the <kbd>Tab</kbd> key in the select editor (selectEditor). #10673

Changed

• Improved how undoing changes affects the viewport. Now, when you undo a change, the view automatically scrolls back to the changed area. #10639
• Improved how pasting data affects the viewport. Now, even when the size of the pasted data is larger than the viewport, the viewport stays in place. #10630
• Improved how removing a row or column affects the selection. Now, when you remove a row or column, the selection moves to the nearest visible row or column. #10690
• Improved TypeScript definitions for multiple plugins. #10670
• Improved TypeScript definitions for the core modules. #10671
• Improved TypeScript definitions for the CellCoords and CellRange classes. #10678
• Improved TypeScript definitions for the CustomBorders plugin. #10659
• React: Improved support for SSR frameworks. #10575

Fixed

• Fixed an issue where double-clicking a cell resulted in highlighting the cell's contents. #10595
• Fixed an issue where pressing the <kbd>Tab</kbd> key when editing a cell in the last column caused an error. #10632
• Fixed an issue where pressing the <kbd>Tab</kbd> key with tabNavigation set to falsecaused the grid to scroll. #10634
• Fixed an issue where the Filters plugin threw a TypeError in specific setup cases. #10637
• Fixed an issue where changing Handsontable's configuration or data broke the focus position. #10642
• Fixed an issue where Handsontable didn't go into the "unlisten" state after clicking an element outside of the table. #10648
• Fixed an issue where recovering removed cells by using undo/redo didn't restore the cells' configuration options. #10649
• Fixed an issue where the ManualRowResize and ManualColumnResize plugins threw an error when a cell renderer used the HTML <table> element. #10650
• Fixed an issue where, in some situations, the table didn't scroll after navigating it with the keyboard. #10655
• Fixed an issue where the drag-to-scroll functionality was not working for window-scrolled instances. #10655
• Fixed an issue where some configurations of the CollapsibleColumns plugin caused an uncaught TypeError. #10693
• Fixed an issue where pressing the <kbd>Backspace</kbd> key in a date cell deleted the entire contents of the cell instead of a single character. #10696
• Fixed several issues related to the roundFloat option of the ColumnSummary plugin. #10701
• Fixed a missing TypeScript definition in the Formulas plugin. #10186
• Added pikaday to handsontables dependencies, to ensure backward compatibility of Handsontable 14.1.0. #10715
• React: Fixed a missing TypeScript definition for the settings prop. #10661
• Vue: Fixed an issue where passing hyperformulaInstance to hotSettings resulted in TypeError: Converting circular structure to JSON. #8728
• Vue: Updated the peer dependencies of the Vue 3 wrapper with the latest version of Vue. #10571

For more information on Handsontable 14.1.0, see:

• Blog post (14.1.0)
• Documentation (14.1)
• Release notes (14.1.0)

[14.0.0] - 2023-11-22

Added

• Added a Ctrl/Cmd + Shift + Space keyboard shortcut for selecting all cells. #10237
• Added support for keyboard navigation in the headers. #10265
• Added keyboard shortcuts for selecting all rows and columns along with 4 new hooks. #10389
• Added support for collapsing/expanding columns using a keyboard shortcut. #10404
• Added support for collapsing/expanding nested rows using a keyboard shortcut. #10405
• Added support for column sorting using a keyboard shortcut. #10410
• Added keyboard shortcuts for opening the column menu. #10413
• Added a keyboard shortcut for opening the context menu. #10417
• Added a keyboard shortcut for scrolling the viewport #10419
• Added a keyboard shortcut for clearing the filters. #10420
• Added a keyboard shortcut for managing cell comments. #10421
• Added the ability to traverse the grid within a webpage using the TAB key and introduced a new tabNavigation option. #10430 #10585
• Added ARIA tags to the table elements. #10463
• Added ARIA tags to the autocomplete editor. #10524
• Added test cases to ensure the dropdown editor's ARIA tags are correct. #10526
• Added the aria-label attribute to the checkbox renderer. #10539
• Added keyboard shortcuts and role attributes to the filtering menu's links. #10548
• Added ARIA tags and improved accessibility of the dropdown menu. #10541
• Added the ability to navigate the headers with the keyboard by introducing a new navigableHeaders option along with other changes. #10301
• Added a new beforeSelectionHighlightSet hook that allows modifying logical selection coordinates before they are applied to the rendering engine. #10513
• Implemented the select renderer and cell type. #10529
• Added an accessibility demo for javascript and React. #10532
• Added handsontable and date renderers for their respective cell types to allow adding the a11y attributes. #10535
• Added new beforeColumnWrap and beforeRowWrap hooks. #10550
• Add a set of angular@17 examples to ensure Handsontable works with that Angular version. #10584

Changed

• Breaking change: Changed the way the table reacts to using the "select all cells" methods and shortcuts. #10461
• Breaking change: Changed the colors of the invalid cells and the arrow buttons of the autocomplete-typed cells. #10520
• Breaking change: Improved the navigation and accessibility of the Filtering Dropdown Menu. #10530
• Breaking change: Changed the way Handsontable handles focus by focusing the browser on cell elements. Introduced a new imeFastEdit option to minimize the negative effects affecting the "fast edit" feature for the IME users. #10342
• Extended the Core's scrollViewportTo method to allow disabling of cell auto-snapping. #10508
• Improved the keyboard navigation for the context and dropdown menus and added a new forwardToContext option to the ShortcutManager. #10519
• Upgraded the monorepo to utilize Node 20. #10468
• Improved DX by adding an exception to be thrown when trying to activate a shortcut context that has been not yet registered. #10476
• Improved the performance of the table for cases when the table is hidden. #10490
• Updated the TS definitions for the HiddenRows and HiddenColumns plugins. #10492
• Updated the TS definitions for the AutoRowSize and AutoColumnSize plugins. #10493
• Updated the TS definitions for the Filters plugin and the Core methods. #10494
• Fixed the typescript type definitions in the packages' package.json files. #10509
• Changed the default styling of the "OK" button in the Filtering Dropdown when it's focus. #10558

Fixed

• Fixed an issue where copying values containing an ampersand resulted in a wrong values being pasted. #10472
• Fixed an issue related to the backlight position misalignment for the ManualRowMove and ManualColumnMove plugins. #10475
• Fixed a problem with row header widths changing sizes after adding/deleting rows. #10479
• Fixed a problem with the offset helper for elements placed in foreign object contexts. #10480
• Fixed problems with size and alignment of the table when placed under elements with the CSS transform: scale attribute applied. #10482
• Added the missing updateData value to the ChangeSource type. #10488
• Fixed a bug where pressing Ctrl/Cmd does not trigger non-contiguous selection. #10502
• Fixed a problem with the editor having incorrect width and height. #10504
• Fixed visual glitches (unwanted pixels) of the Autocomplete editor's list in cases when there were no items. #10506
• Fixed the Vue and React demo's dependencies to be able to use the demos with Stackblitz. #10523
• Fixed a problem with the merged cells having wrong row heights. #10500
• Fixed the accessibility issues in the documentation. #10574
• Updated the demos for better accessibility. #10563
• Fixed a problem with the text editor's width being calculated incorrectly. #10590
• Fixed a problem with two cells being selected after Ctrl/Cmd + Shift key combination. #10622

For more information on Handsontable 14.0.0, see:

• Blog post (14.0.0)
• Documentation (14.0)
• Release notes (14.0.0)
• Migration guide (13.1 → 14.0)

[13.1.0] - 2023-08-31

Changed

• Optimized the transpilation process of the distribution files. #10440
• Updated the internal monorepo scripts to utilize Node 20. #10468

Fixed

• Fixed a problem with errors being thrown when pressing delete or backspace keys after deselecting cells. #10272
• Fixed problems with moving rows when there are trimmed rows in the table. #10399
• Fixed a problem with the column resize handle being stuck after the user clicked the right mouse button. #10416
• Extended the type definition of CellChange to match the actual implementation. #10432
• Fixed a typo in the CopyPaste plugin's copy method argument. #10446
• Fixed the mobile selection handlers that disappeared below the table headers when multiple cells were selected. #10447
• Fixed the Merge Cells plugin's problem with updating the cell meta after unmerging the previously-merged cells, which resulted in the Autofill plugin not working properly. #10456
• Added the missing type definition for BaseEditor's getEditedCellRect method. #10459
• Corrected the type definitions for the Context Menu. #9566
• React: Mark an internal prop of the React wrapper's base editor component as optional. #10429

For more information on Handsontable 13.1.0, see:

• Blog post (13.1.0)
• Documentation (13.1)
• Release notes (13.1.0)

[13.0.0] - 2023-06-22

Added

• Angular: Added support for Angular 16. #10396

Changed

• Breaking change (React, Angular, Vue 2, Vue 3): Changed Handsontable's policy toward older versions of supported frameworks. From now on, Handsontable supports only those versions of any supported frameworks that are officially supported by their respective teams. Dropping Handsontable's support for any older framework versions won't be treated as a breaking change. #10396
• Breaking change: Changed the order in which three hooks are executed: now, the beforeChange hook is fired before the afterSetDataAtCell and afterSetDataAtRowProp hooks. #10231
• Changed the margins of the context menu in the RTL layout direction. #10375

Removed

• Breaking change (Angular): Dropped support for Angular 13 and lower. From now on, Handsontable supports only those versions of Angular that are officially supported by the Angular team: currently, it's 14-16. However, Handsontable 13.0.0 was thoroughly tested and, to the best of our knowledge, works correctly with versions down to Angular 12. #10396
• Breaking change: Removed the deprecated beforeAutofillInsidePopulate hook. #10407
• Breaking change: Removed the deprecated getFirstNotHiddenIndex method. Instead, use the getNearestNotHiddenIndex() method. #10407
• Breaking change: Removed the deprecated parameters of the alter() method: insert_row and insert_col. Instead, use the following parameters: insert_row_above, insert_row_below, insert_col_start, and insert_col_end. #10407
• Breaking change: Removed the deprecated parameters of the populateFromArray() method: direction and deltas. #10407

Fixed

• Fixed an issue where the "Read only" icon of the context menu displayed incorrectly in the RTL layout direction. #10375

For more information on Handsontable 13.0.0, see:

• Blog post (13.0.0)
• Documentation (13.0)
• Migration guide (12.4 → 13.0)
• Release notes (13.0.0)

[12.0.0] - 2022-04-28

Added

• Added ShortcutManager, a new API for customizing keyboard shortcuts. #8942
• Added support for right-to-left (RTL) languages, introducing a new configuration option: layoutDirection. #8760
• Added an Arabic translation. #9208
• Added a new configuration option: fixedColumnsStart. #8760
• Added a new keyboard shortcut (<kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Enter</kbd>) for filling the selected range of cells with the value of the active cell. #9366
• Added support for the <kbd>Home</kbd> and <kbd>End</kbd> keys inside cell editors, for moving the cursor to the beginning or end of the text. #9367
• Added support for the latest Node LTS version. #9149

Changed

• Breaking change: Changed how updateSettings() handles data updates, to improve performance and the consistency of user experience. Now, when provided with a new data object, updateSettings() updates the data without resetting any states. #7263
• Breaking change (React, Angular, Vue 2, Vue 3): Updating your data through a component property no longer resets your index mapper information and configuration options. #7263
• Breaking change: Changed how updatePlugin() reacts to updateSettings() calls, to improve performance and the consistency of user experience. Now, calls to updateSettings() update a plugin's state only when the options object contains a configuration option that's relevant to that particular plugin. #9021
• Breaking change: Changed the order of execution for two hooks: now, beforeKeyDown is properly fired before afterDocumentKeyDown. #6236
• Breaking change: Changed how default keyboard shortcuts are defined, to improve keyboard navigation consistency. Most of the shortcuts did not change and are now properly documented in the keyboard shortcuts guide. However, some shortcuts that were not defined explicitly, and were not listed in the documentation, don't work anymore (e.g., <kbd>Enter</kbd> opens a cell's editor, but <kbd>Ctrl</kbd>+<kbd>Enter</kbd> doesn't). This change doesn't affect custom keyboard shortcuts. #8942
• Breaking change: Split a cross-platform modifier key (<kbd>Ctrl</kbd>/<kbd>Cmd</kbd>) into two separate keys, to improve keyboard navigation consistency. Now, the <kbd>Cmd</kbd> key triggers actions on macOS where the <kbd>Ctrl</kbd> key triggers actions on Windows. For example, on macOS, <kbd>Ctrl</kbd>+<kbd>A</kbd> doesn't work anymore: <kbd>Cmd</kbd>+<kbd>A</kbd> is used instead. #9369
• Breaking change: Changed the actions of the following keyboard shortcuts, to match the usual spreadsheet software behavior, and provide a more intuitive user experience: <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>↑</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Shift</kbd> + <kbd>↑</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>↓</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>Shift</kbd>+<kbd>↓</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>←</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>←</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>→</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>→</kbd>, <kbd>Home</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Home</kbd>, <kbd>End</kbd>, <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>End</kbd>, <kbd>Shift</kbd>+<kbd>Page Up</kbd>, and <kbd>Shift</kbd>+<kbd>Page Down</kbd>. #9363 #9364 #9365
• Changed two scripts of the main Handsontable workspace (./), to speed up the build process: now, the npm run build and npm run test scripts don't build or test the Handsontable examples (./examples). #9412
• Changed the version of the Moment.js dependency from 2.24.0 to 2.29.3, in reaction to a recently-found Moment.js security vulnerability that did not directly affect Handsontable. #9381
• Changed the version of the HyperFormula optional dependency from ^1.2.0 to ^2.0.0. #9411
• Changed an internal property name, from hot.view.wt to hot.view._wt, where hot is the name of your Handsontable instance. The intention of this change is to make it clear that Walkontable (Handsontable's rendering engine) is not a part of Handsontable's public API. #8760

Removed

• Breaking change: Removed the <kbd>Cmd</kbd>+<kbd>M</kbd> keyboard shortcut (used for cell merging), as it conflicted with window minimizing on macOS. The <kbd>Ctrl</kbd>+<kbd>M</kbd> keyboard shortcut works the same as before. #9368
• Breaking change: Removed the <kbd>Shift</kbd>+<kbd>Page Up</kbd>/<kbd>Page Down</kbd> keyboard shortcuts from the cell editing context. #9401
• Dropped support for Internet Explorer 11 and Edge Legacy (the non-Chromium version of Edge). Handsontable 11.x becomes the long-term support (LTS) version for Internet Explorer 11 and Edge Legacy, until the end of 2023. #7026
• React: Removed the enzyme dependency from the React wrapper. #9151

Fixed

• React, Angular, Vue 2, Vue 3: Fixed an issue where using updateSettings() caused problems for state managers. #8372
• Fixed an issue where using updateSettings() caused hidden columns to reappear. #7165
• Fixed an issue where using updateSettings() caused merged cells to unmerge. #3315
• Fixed an issue where using updateSettings() caused the state of nested rows to reset. #8838
• Fixed an issue where using updateSettings() caused problems with column sorting. #7688
• React: Fixed an issue where using React's setState() within the afterFilter hook broke filtering. #7567
• Vue 2: Fixed an issue where repeatedly changing Handsontable's height through updateSettings() caused Handsontable to crash. #7546
• Vue 2: Fixed an issue where the failed validation status got erased when editing a new row. #7541
• Fixed an issue where cell filtering did not use formula results. #5455
• Fixed a wrong TypeScript definition in the BasePlugin class. #9175
• Fixed an issue where the <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Z</kbd> and <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>Z</kbd> keyboard shortcuts didn't behave properly inside cell editors. #9367
• Fixed an issue where the dropdown menu contained unwanted rectangle elements. #9240
• React, Vue 2, Vue 3: Fixed an issue with registering modules for the React, Vue 2, and Vue 3 wrappers, by adding an "exports" field to their package.json files. #9140

For more information on Handsontable 12.0.0, see:

• Blog post (12.0.0)
• Documentation (12.0)
• Migration guide (11.1 → 12.0)
• Release notes (12.0.0)