Essential Studio for EJ2 JavaScript - v31.2.3 Release Notes

Common

Bug Fixes

  • #768391 - Resolved the localization issue where Marathi (mr) culture was not applied correctly in Syncfusion components.

3D Chart

Bug Fixes

  • #I704555 - Now, hovering over a single 3D chart will no longer affect the other 3D charts.

Accumulation Chart

Bug Fixes

  • #I770523 - Now the accumulation chart title is properly positioned when set to ‘Bottom’.
  • #I770415 - Now the trimmed legend tooltip text is displayed properly on the reversed legend.

Bug Fixes

  • #I775259 - The issue with the aria-label attribute in the Breadcrumb component has been resolved.

Bullet Chart

Bug Fixes

  • #I982797 - The legend shape icon in the Bullet Chart displays correctly when the target types property is set.
  • #I770357 - The hovering effect now applies to the measure bar upon enabling the tooltip.

Chart

Bug Fixes

  • #I771969 - Now, no extra space will be created on multilevel labels when the text width is reduced.
  • #I770538 - Axis label colors were updated for dark and high-contrast themes to improve visibility.
  • #I774667 - The console error will no longer occur when hovering over the trendline legend text.

Breaking Changes

  • The axis label color was updated to #FFFFFFE6 for the dark theme and #FFFFFF for the high contrast theme.

Charts

Feature

  • Users can now use the noDataTemplate property in Charts to define a custom template that clearly indicates when chart data is unavailable.
    Explore the demo here

Bug Fixes

  • #T745980 - The legend text trim tooltip will no longer be cropped at the bottom of the legend bounds.
  • #T754125 - The marker will no longer render when it exceeds the axis range.

ColorPicker

Bug Fixes

  • #I904686 - Issue with “Color picker component was not properly read in accessibility tool” has been resolved.

DatePicker

Bug Fixes

  • #I761820 - Fixed an issue where the DatePicker became disabled or unresponsive when the min property changed from null to a date value.

DateRangePicker

Bug Fixes

  • #I753728 - Fixed an issue where the date range picker with the preset range popup would open behind the drawer.

DateTimePicker

New Features

  • The DateTimePicker allows users to input date and time values in various valid formats, enhancing the user experience by offering flexibility in specifying date and time formats for parsing. A new API called inputFormats has been introduced to handle custom date and time input formats, allowing users to specify the expected format(s) for parsing date and time values. For example, InputFormats='new string[] { "dd/MM/yyyy hh:mm", "MM/dd/yyyy HH:mm", "yyyy-MM-dd hh mm tt" }'.

Diagram

Bug Fixes

  • #I771011 - Child nodes are now positioned correctly when dropped inside a nested container.
  • #I771107 - Tooltips are now displayed correctly for Swimlane children.
  • #I739181 - The issue “Nodes Overlap in Organizational Chart Layout with Multiple Roots” has been fixed.

Dialog

Bug Fixes

  • #I766282 - Resolved an issue where keydown focus was not retained in the modal popup when the footer button was disabled.

DocumentEditor

Bug Fixes

  • #I752784 - Fixed the issue where suggestions in the spell check dialog were not updating after performing Ignore or Ignore All actions.
  • #I753785 - Corrected the Find Next behaviour of the spell checker for pages that were not rendered.
  • #I771628 - Resolved a script error that occurred when updating styles.
  • #I768327 - Fixed layout issues for pasted text in RTL (Right-to-Left) documents.
  • #I769448 - Addressed rendering issues of tab characters in empty paragraphs.
  • #I774817 - Resolved field linking problems during document layout processing.
  • #I769012 - Fixed a script error encountered when performing find and replace on placeholder text.
  • #I753590 - Corrected table layout issues when exporting documents as DOCX.

Bug Fixes

  • #I771989 - Fixed an issue where the dropdown displayed escaped HTML entities instead of the intended readable tag names.

FileManager

Bug Fixes

  • #I696366 - Resolved the issue with copying and pasting a folder from the navigation pane to the layout pane in File Manager component.

GanttChart

Bug fixes

  • #I767416 - Enhanced performance for adding records to large multi-level hierarchical collections, achieving approximately 80% improvement in CRUD operation efficiency.
  • #I770741 - Resolved an issue where the modifiedRecords collection was not correctly updated in the actionComplete event arguments.
  • #I771215 - Corrected date and time validation for milestone tasks during initial load and conversion, ensuring accurate rendering for tasks with dependencies.

Grid

Bug Fixes

  • #I772904 - Resolved an issue causing the selection event to trigger multiple times when saving an editable row with checkbox selection.
  • #I773677 - Resolved a script error that occurred when opening the filter dialog for null type columns.
  • #I771544 - Fixed an issue that caused a maximum call stack size exceeded error when parsing stringify data using DataUtil.parseJson method.
  • #I771958 - Resolved an issue where filtering a DateOnly column caused the filter popup of another column to display no matches found.

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;
}

PDF Viewer

Bug Fixes

  • #I773362 - Resolved an issue where the digital signature in the PDF document was not visible on first time loading in standalone PDF Viewer.

Breaking Changes

  • #I771734 - In Dropdown and ListBox form fields, the options list now displays itemName instead of itemValue.

Pivot Table

Bug Fixes

  • #I775054 - The content type of the XMLA request is now correctly configured in the OLAP pivot table.
  • #I757830 - The pivot table now properly updates when culture settings are changed dynamically.

ProgressBar

Bug Fixes

  • #I690917 - Now, the tooltip renders properly when updating the progress value on data binding.

QueryBuilder

Bug Fixes

  • #I766063 - Fixed the issue where the rule condition value was not updating for new empty rules with new conditions.

RichTextEditor

Bug Fixes

  • #I762935 - Now, list elements seamlessly adopt the appropriate styling properties when a list is applied.

  • #I762396 - Now, when using backspace on a list pasted from Outlook into the Rich Text Editor, the entire list is correctly removed as expected.

  • #I775016 - Now, text dragged into the Rich Text Editor is correctly tracked in the undo and redo history.

Schedule

Bug fixes

  • #I757470 - An issue where cells were misaligned and events were added to the wrong cell when using the enableLazyLoading property has been fixed.
  • #I770447 - The issue where the tooltip displayed incorrect content in the Year view has been fixed.
  • #F197352 - An issue that caused appointments to overlap in the TimelineYear view has been fixed.

Stock Chart

Feature

  • Users can now use the noDataTemplate property in Stock Chart to define a custom template that clearly indicates when chart data is unavailable.

Tab

Bug Fixes

  • #I736712 - Fixed an issue where the getItemIndex method returned an incorrect tab item index when tab items were dynamically shown or hidden.

Timeline

Bug Fixes

  • #I770847 - Resolved an issue that occurred when including layout packages in the React NextJs sample.

Toolbar

Bug fixes

  • #I759435 - The issue with toolbar items are being incorrectly ordered when overflowMode is set to Extended mode has been resolved.

Tree Grid

Features

  • Introduced sticky header support in the Tree Grid, allowing column headers to stay fixed during scrolling. This improves navigation and readability in large hierarchical data views. Explore the demo here.

  • Enhanced support for LoadChildOnDemand in the Tree Grid with remote data binding and virtual scrolling. This improvement enables efficient, on-demand retrieval of child records, ensuring smoother performance when working with large hierarchical datasets.

Uploader

Bug Fixes

  • #I767047 - Resolved an issue with the CSP that occurred during file uploads in the Uploader.

Test Results

Component Name Test Cases Passed Failed Remarks
3D Chart 232 232 0 All Passed
3D Circular Chart 374 374 0 All Passed
Accordion 205 205 0 All Passed
AI Assist View 431 431 0 All Passed
App Bar 67 67 0 All Passed
AutoComplete 200 200 0 All Passed
Breadcrumb 160 160 0 All Passed
Bullet Chart 168 168 0 All Passed
Button 144 144 0 All Passed
ButtonGroup 120 120 0 All Passed
calendar 177 177 0 All Passed
Carousel 61 61 0 All Passed
Chart 4905 4905 0 All Passed
Chat UI 184 184 0 All Passed
CircularGauge 429 429 0 All Passed
ColorPicker 130 130 0 All Passed
Combo Box 139 139 0 All Passed
Common 904 904 0 All Passed
Context Menu 105 105 0 All Passed
Data Grid 3662 3662 0 All Passed
Date Picker 426 426 0 All Passed
Date Range Picker 519 519 0 All Passed
Date Time Picker 324 324 0 All Passed
Diagram 12813 12813 0 All Passed
Dialog 58 58 0 All Passed
DropDown Button 132 132 0 All Passed
Dropdown List 193 193 0 All Passed
Dropdown Tree 105 105 0 All Passed
File Manager 2187 2187 0 All Passed
Floating Action Button 132 132 0 All Passed
Gantt 3515 3515 0 All Passed
HeatMap Chart 635 635 0 All Passed
Image Editor 1653 1653 0 All Passed
In-place Editor 642 642 0 All Passed
Kanban 268 268 0 All Passed
LinearGauge 426 426 0 All Passed
Listbox 115 115 0 All Passed
ListView 84 84 0 All Passed
Maps 1368 1368 0 All Passed
Mention 35 35 0 All Passed
Menu 187 187 0 All Passed
Multicolumn Combo Box 254 254 0 All Passed
Multiselect Dropdown 422 422 0 All Passed
OTP Input 240 240 0 All Passed
Pivot Table 5303 5303 0 All Passed
Progress Bar 81 81 0 All Passed
Progress Button 132 132 0 All Passed
Query Builder 480 480 0 All Passed
RadioButton 36 36 0 All Passed
RangeNavigator 140 140 0 All Passed
Rating 198 198 0 All Passed
Ribbon 623 623 0 All Passed
Rich Text Editor 5095 5095 0 All Passed
schedule 4608 4608 0 All Passed
sidebar 88 88 0 All Passed
Signature 105 105 0 All Passed
Skeleton 144 144 0 All Passed
Slider 147 147 0 All Passed
SmithChart 49 49 0 All Passed
Sparkline 58 58 0 All Passed
Speech To Text 200 200 0 All Passed
Speed Dial 122 122 0 All Passed
Split Button 144 144 0 All Passed
Stepper 91 91 0 All Passed
Stock Chart 379 379 0 All Passed
Tab 69 69 0 All Passed
Text Area 107 107 0 All Passed
TextBox 54 54 0 All Passed
Time Picker 180 180 0 All Passed
Timeline 213 213 0 All Passed
Toast 139 139 0 All Passed
Toolbar 112 112 0 All Passed
ToolTip 136 136 0 All Passed
TreeGrid 3786 3786 0 All Passed
Treemap 326 326 0 All Passed
Treeview 370 370 0 All Passed