Essential Studio for EJ2 TypeScript Release Notes

v28.2.4
February 04, 2025

Accordion

Bug Fixes

  • #I660165 - The issue with “ The accordion causing a script error when expanding it with the expandMode set to single” has been resolved.

Accumulation Chart

Features

  • #I667715 - Added support for trapezoidal funnel shapes in the accumulation chart, offering a new design option to represent data more effectively and enhance visual appeal.
  • Provided the customization support for accumulation chart title position.

Badge

Bug Fixes

  • I679114 - Resolved the styles issue for the secondary type Badge component in the material theme.

Features

  • #I513228 - Provided support to enable/disable the keyboard interactions in the carousel component by using allowKeyboardInteraction property.

Chart

Features

  • #I597593 - Introduced support for displaying a tooltip that provides information about the data point closest to the cursor.
  • #I580507 - Users can now place horizontal and vertical scrollbars at the top, bottom, left, or right of the chart.
  • #I609348- Provided support for customizing the corner radius for individual columns.
  • Added support for displaying the cumulative total for stacked chart data directly through data labels.
  • Users can now highlight the entire range of data points within a specific category for better visibility.
  • Added support to customize Excel properties through an event triggered before the chart data is exported.
  • Added animation support for data labels, enhancing the visual appearance when they appear on the chart.

Dashboard Layout

Bug Fixes

  • #I680947 - The issue with the “size of the drag-and-drop helper element differs from the original panel size in Dashboard Layout” has been resolved.

DocumentEditor

Bug Fixes

  • #I680965 - Fixed document corruption when opening a client-side exported DOCX in Microsoft Word.
  • #I681505 - Fixed issues with programmatically added comment replies and text range selection in the Document Editor.
  • #I684705 - Fixed wavy underline rendering issue for non-misspelled words when pressing backspace.
  • #I680849 - Fixed missing split cell content when a row spans multiple pages.
  • #I667699 - Fixed missing content in shapes after copying and pasting the entire content, followed by server-side DOCX export.
  • #I678996, #I678997, #I678999 - Fixed script errors when accepting track changes in list paragraphs and table paragraphs.

Bug Fixes

  • #I679000 - An issue with react Dropdown Tree CustomTemplate when the state updates in the change event has been resolved.

  • #I681727 - An issue with selection and CustomTemplate not updating after filtering in Dropdown Tree component has been resolved.

FileManager

Bug Fixes

  • #I682491 - Resolved the issue with the flat data in the FileManager component, where the “This folder is empty” message still appeared after clearing the search input.

Form Validator

Bug Fixes

  • #I677916 - Fixed an issue where validation rules for the date property were not functioning correctly in the ar culture.

GanttChart

Features

  • I654833 - Enhanced Gantt chart PDF exports with customizable options for event markers and holidays. Users can easily adjust the appearance of their event markers and holidays in exported PDFs by using the eventMarker and holiday property within ganttStyle. For more details and to see the feature in action, explore the demo here.

  • I657102 - Added support for a customizable timeline tooltip template in the Gantt Chart component, allowing users to modify the content and appearance of tooltips within the timeline. For more details and to see the feature in action, explore the demo here.

  • I650456 - Enhanced the Gantt Chart’s multi-taskbar functionality to support progress editing in a collapsed state. This improvement provides users with increased flexibility and ease of use by enabling direct progress updates without needing to expand the taskbars.For more details and to see the feature in action, explore the demo here.

  • I341965 - Enhanced the Gantt Chart’s split task functionality in Resource View to align with the behavior in Project View without any issues. This improvement ensures seamless handling of split tasks, providing users with a consistent and error-free experience across different views. More information can be find here.

Breaking changes

  • To improve performance and meet accessibility standards, we have removed the data-row index and data-col index attributes from the <tr> and <td> elements in the TreeGrid and Gantt Chart sections of the component. Instead, use aria-row index and aria-col index attributes.

Grid

Bug fixes

  • #I691051 - Fixed a script error thrown when accessing the pageSize property within the actionComplete event of the Grid.
  • #I681001 - Resolved the issue where the Update and Cancel buttons were not displayed in normal edit mode on an adaptive layout.
  • #I665236 - Fixed the issue where the header checkbox displayed an indeterminate state when all rows were selected with virtualization enabled.
    -#I677222 - Resolved an issue where the group caption text was not displayed properly when grouping with frozen columns.
  • #I679448 - Fixed an issue where the validation error message was hidden under the Grid column header when the grid had only two rows for a custom tooltip.
  • #I681556 - Resolved an issue where the Grid was displaying only the searched column in the ColumnChooser.
  • #FB64702 - Fixed a script error that occurred on expand or collapse when InfiniteScrolling with frozen columns and grouping.
  • #I683071 - Resolved an issue where data misalignment with the frozen column in the Material 3 theme.
  • #I660627 - Resolved an issue where column reordering cancellation in the actionBegin event did not work as expected when only the header column was reordered.

ListView

Breaking Changes

  • Using a ternary operator within the string-type template is not supported and we suggest using a function type template in ListView. Refer to the below code for example

Previous

let template: string = '<div class="e-list-wrapper e-list-avatar" id = ${id}>' +
        '<span class="e-list-content">${name} ${$imgUrl ?  $imgUrl : \'no image\' }</span></div>';

Now

// data denotes the template data of each nodes from ListView data.
let template: Function = (data: any) => {
    let result = `<div class="e-list-wrapper e-list-avatar" id = "${data.id}">`+
    `<span class="e-list-content">${data.name} ${data.imgUrl ?  data.imgUrl : 'no image' }</span></div>`;
    return result;
}

Maps

New Features

  • An animation transition will now occur when the data labels are first rendered.

Bug Fixes

  • #I493376 - The tooltip will now be displayed properly above the marker templates.

MultiColumn ComboBox

Bug Fixes

  • #I667643 - Now the exception raised when updating empty value in the MultiColumn ComboBox with grid batch mode enabled has been resolved.

MultiSelect

Bug Fixes

  • #I681861 - Fixed an issue where the popup would detach from the control when virtualization was enabled during filtering.

PDF Viewer

New Features

  • Enhanced text search performance for large PDF documents.
  • Added support for asynchronously extracting and finding text using the extractText and findTextAsync APIs.
  • #I645218 - Optimized memory usage when loading large PDF documents, with further enhancements available through the ExtractTextOptions.
  • #I645354 - Added the resourcesLoaded event in PDF Viewer.

Bug Fixes

  • #I686925 - Now, the text search works correctly when searching for multiple words in Unicode text.
  • #I693186 - Now, the Angular change detection event does not trigger continuously while zooming.
  • #I689380 - Now, the File size will not increase when saving the document without making any changes.

Pivot Table

Bug Fixes

  • #I681520 - The percentage symbol is now included in the axis labels for the StackingBar100, StackingColumn100, StackingArea100, and StackingLine100 chart types.

ProgressBar

Bug Fixes

  • #I682906 - The progress bar label now renders correctly with the exact number of digits.

RichTextEditor

Bug Fixes

  • #I677654 - Now, nested list content is cleaned up properly when the backspace key is pressed in the Rich Text Editor.

  • #I674632 - Now, the Shift plus Enter keys work properly in the Rich Text Editor.

  • #I680096 - Now, the shortcut key Ctrl + Shift + H works properly when frequently used to switch between Code View and Preview in the Rich Text Editor.

  • #I677654 - Now, nested list content is cleaned up properly when the backspace key is pressed in the Rich Text Editor.

  • #I684249- Now, the issue has been resolved where pressing the backspace key at the beginning of a block element within a nested structure no longer results in unexpected wrapping with inline styles.

  • #I588147 - Now, the text &times remains unchanged and is not converted to x in the Rich Text Editor, regardless of the insertion method used.

  • #F195633 - Now, the change event will trigger when Cmd+Backspace is performed on a Mac.

  • #I667013 - Now, the Tab key is now functioning properly within the list in the Rich Text Editor.

Tab

Features

  • #I313872, #I511661, #F163147, #F163322 - Provided the content rendering support that allows you to specify the modes for loading tab content.
  • #F153247 - Provided support to enable/disable the Tab content swiping by using the swipeMode property.

Tree Grid

Bug Fixes

  • I679426 - Resolved a selection issue when adding a record after sorting the records

TreeView

Bug Fixes

  • #I681955 - Resolved an issue where the aria-activedescendant attribute was incorrectly updated when the TreeView component was empty.
Note : The bug or feature items that do not have a corresponding ID associated with them are internally identified.