Essential Studio for Vue Release Notes

v28.1.33
December 12, 2024

Common

Features

  • Tailwind 3.4 theme support added for Syncfusion® Vue components, offering enhanced styling and support for CSS variables to elevate the design experience.

Bug Fixes

  • #I650692 - Issue with “unable to access the destroy method from the Vue component instance” has been resolved.

AI AssistView

Features

  • The Vue AI AssistView has been developed to meet industry standards and is now production-ready. To align with our naming conventions, the folder and file names have been updated from ai-assist-view to ai-assistview.

  • We have now provided support for preserving the text format when copying the response using the Copy button.

AutoComplete

Features

  • The Autocomplete component now includes a new Popup Resize feature, providing users with the ability to dynamically resize the popup for improved visibility and control. This functionality is activated by enabling the AllowResize property. Once enabled, users can resize the popup, and the adjusted dimensions are preserved across sessions, ensuring a consistent experience. Please find the demo link here.

Barcode

Bug Fixes

  • #I508544 - Now, the DataMatrix barcode is rendered properly with alphanumeric values.

Bug Fixes

  • #I916680 - The issue with “Breadcrumb menu popup not destroyed after breadcrumb element destroyed” has been resolved.

Features

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

Chart

Bug Fixes

  • #I659555 - Now, the minor gridlines and ticks are rendered in canvas mode.

Features

  • #I567864 - Legends can be arranged horizontally or vertically, with a fixed-width option and a maximum column count for consistent and flexible presentation.
  • #I620773 - The crosshair now snaps to the nearest data point, providing improved precision and focus on individual data points.
  • #F194134 - Users can now customize the position of the zoom toolbar within the chart using drag-and-drop functionality, allowing easy repositioning anywhere within the chart area.
  • Users can now customize the ARIA label, role, tab index, and focusable options for chart elements to improve accessibility and keyboard navigation.
  • Added options for adjusting the spacing between the chart area and container.
  • When hovering over a data point, the corresponding series is now highlighted, improving clarity and interaction with the tooltip.

Breaking Changes

  • The default value of the edgeLabelPlacement property has been changed from None to Shift for better visibility of axis labels.

Chat UI preview

The Vue Chat UI component is a lightweight, user-friendly conversational interface for displaying chat messages between users. It features messages with timestamps, avatar images with fallback text, typing indicators, and extensive customization options, making it ideal for building modern chat applications.

Explore the demo here

Features

  • Message suggestions: Provides on-demand suggestions using customizable templates to enhance user interactions.
  • On-demand messages loading: Dynamically loads messages to optimize performance, especially for lengthy conversations.
  • Header toolbar: Allows adding toolbar items in the header with options for executing custom commands.
  • Timebreak: Automatically inserts time breaks between messages, enhancing readability by grouping conversations by date.
  • Typing indicator: Shows real-time typing activity of users with customizable indicator styles.
  • Customization: Allows users to customize the default appearance, including messages, the footer, and more, to suit their needs.

Checkbox

Bug Fixes

  • #I909049 - The issue with “Need to set the aria-label attribute for the checkbox input element and not to the wrapper element” has been resolved.

Chip

Features

  • #FB16787 - Provided template support to render HTML elements as chip item content.

Circular Gauge

Features

  • #I642465 - The drag-and-drop interaction for pointers can now be enabled individually by using the enableDrag property within the pointers property when multiple pointers are available.

ColorPicker

Bug Fixes

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

ComboBox

Features

  • The ComboBox component now includes a new Popup Resize feature, providing users with the ability to dynamically resize the popup for improved visibility and control. This functionality is activated by enabling the AllowResize property. Once enabled, users can resize the popup, and the adjusted dimensions are preserved across sessions, ensuring a consistent experience. Please find the demo link here.

ContextMenu

Features

  • Scroller Support - The context menu now features Scroller support, enhancing accessibility and usability across all devices. Submenu dynamically adjust to the available screen space, ensuring a smooth and user-friendly navigation experience. This update makes accessing all menu items more efficient and intuitive.

  • Template Support - The context menu now supports embedding custom layouts, controls, or components, allowing for flexible integration of text, buttons, images, and icons to enhance user-friendliness.

DatePicker

Bug Fixes

  • #I648389 - Fixed an issue where the CSS for the selected value was removed when the minimum and maximum properties were changed dynamically.

  • #I654432 - Fixed an issue where the Clear Icon was displayed when the enable mask support had no value.

DateRangePicker

Bug Fixes

  • #F171486 - Issue with “performance delay in the popup open while entering invalid start or end date value” has been resolved.

Diagram

Bug Fixes

  • I660452 - Resolved uneven positioning of hierarchical tree child nodes with multiple root nodes.
  • #I642521 - Interactions with nodes now work properly in the Safari browser after switching between the Pan and Select tools.
  • #I642106 - The issue with diagram zooming and node dragging in the Safari browser has been resolved.

Dialog

Bug Fixes

  • #I646678 - Fixed an issue where the dialog would not close when the Escape key was pressed.

  • #FB60123 - Fixed an issue where dynamically changing the dialog target caused the dialog element to remain stuck in its previous DOM position.

DocumentEditor

Bug Fixes

  • #I649860 - Resolved the hanging issue while loading split table document in Document Editor.
  • #I652445 - Resolved the overlapping issue when pasting copied content in document.
  • #I647120 - Resolved the copy pasting and undo/redo issues with comments.
  • #I645890 - Resolved the content control border rendering issue when content control split multiple pages.
  • #I652850 - Resolved the left, home and end keys navigation issue in content control.
  • #I654688 - Resolved the undo issue after pasting content on Track Changes Mode.
  • #I648834 - Resolved the section break layout issue on exported document.
  • #I649050 - Resolved the script error issue when performing accept and reject action in collaborative editing mode.

Features

  • #I629004 - Added support for selecting a revision in the beforeAcceptRejectChanges event.
  • #I617641 - Added public API for restart and continue list numbering.
  • #I642430, #I641651 - Added event support to notify document loading failure.

Features

  • Template Support - The Dropdown Button component now supports embedding custom layouts, controls, or components, allowing for flexible integration of text, buttons, images, and icons to enhance user-friendliness.

  • Popup Width - The Dropdown Button component now includes a PopupWidth property, allowing users to define the width of the dropdown popup. This feature offers greater design flexibility.

  • Animation Support - The Dropdown Button component now includes the AnimationSettings feature, which allows users to customize submenu animations by controlling the duration, easing, and effects. This enhancement improves visual dynamics, ensures smooth transitions, and provides a consistent interactive experience.

Features

  • The DropdownList component now includes a new Popup Resize feature, providing users with the ability to dynamically resize the popup for improved visibility and control. This functionality is activated by enabling the AllowResize property. Once enabled, users can resize the popup, and the adjusted dimensions are preserved across sessions, ensuring a consistent experience. Please find the demo link here.

Bug Fixes

  • #I472623 - Resolved an issue when the window is resizing the popup position is misaligned

FileManager

Features

  • #FB22569 - Provided chunk upload support in the File Manager, making it easier to upload large files or folders by breaking them into smaller chunks based on the specified chunkSize within uploadSettings property.

Bug Fixes

  • #I659845 - The persistence issue with the sorting direction in the File Manager component details view has been resolved.
  • #I654478 - Resolve the inconsistent path issue in File Manager component ID based service.
  • #I658815 - The issue with the ctrl and cmd buttons for selecting multiple files in the macOS has been resolved.
  • #I662195 - The issue with navigation pane not reflect the renamed item data in the macOS has been resolved.

GanttChart

Features

  • #I639036 - Added AutoFit and AutoFitAll options in the columnMenuItems property to perform autofit on the current column and all existing columns. For more details, refer to the documentation link here.
  • #I644719 - Implemented support for applying custom colors to individual segments in the PDF Gantt chart using the taskSegmentStyles property, enabling enhanced customization and improved visualization of tasks and their segments in exported document.

Grid

Features

  • The column resizing feature in the grid has been enhanced to ensure seamless usability on touch devices, improving user experience across platforms.

Bug fixes

  • #I657741 - Resolved the issue where the Escape key was not functioning correctly for the filter in the column menu.
  • #I656105, #I641521 - Resolved the issue where the selectedRowIndex property and selectRow method did not properly navigate the selected record into the viewport.
  • #I643507 - The issue where Ctrl+Home and Ctrl+End key navigation did not work correctly with virtual scrolling has been resolved.

HeatMap

Features

  • #I647940, #I637795 - Unsafe HTML codes in the HeatMap control can now be sanitized by setting the enableHtmlSanitizer property to true.

Image Editor

Features

  • Image Restriction Support - The Image Editor component now includes support for image restrictions through uploadSettings. Developers can specify allowed image extensions and set minimum and maximum image sizes. If an image does not meet the criteria, users will receive an alert message, ensuring improved image validation and better control over uploads.

  • WebP Support - The Image Editor component now supports the WebP format, allowing users to upload and save WEBP images.

ListBox

Bug Fixes

  • #F43705 - Issue with “Dropping selected items does not work correctly while enabling the checkbox in listbox component.” has been resolved.

Maps

Features

  • #I523666, #I613689 - Marker clusters can now be enabled for individual marker groups using the clusterSettings property in the markerSettings of the map layer. This allows you to apply customizations such as different colors, shapes, connector lines, and marker count labels to marker clusters in each group.

Features

  • The Menu component now supports HTML attributes, allowing users to assign custom attributes such as role, tabindex, aria, and data to individual menu items. This enhancement improves accessibility, provides greater control, and ensures a more customizable and user-friendly experience.

Message

Bug Fixes

  • The issue with “the close icon being misaligned when the content alignment was set to centre” has been resolved.

MultiSelect

Features

  • The MultiSelect component now includes a new Popup Resize feature, providing users with the ability to dynamically resize the popup for improved visibility and control. This functionality is activated by enabling the AllowResize property. Once enabled, users can resize the popup, and the adjusted dimensions are preserved across sessions, ensuring a consistent experience. Please find the demo link here.

Bug Fixes

  • #I451885 - Resolved the performance issue when multiselect component is rendered with large number of data.

PDF Viewer

New Features

  • #I593597 - Added support for preserving unicode text in free text annotations within the standalone PDF Viewer.
  • #I630970 - Added support for local session storage in the PDF Viewer.
  • Added support for preserving unicode text in form fields within the standalone PDF Viewer.

Bug Fixes

  • #I655125 - Now, the page renders correctly with form fields after zooming in and out on an iOS device.
  • #I655531 - Now, the button field color is rendered properly in the PDF viewer.
  • #I655380 - Now, the signatureIndicatorSettings updated properly for the existing signature fields in the document.
  • #I655530 - Now, able to load the provided document when form designer module is enabled.
  • #I653882 - Now, the sticky notes is properly visible by import after delete the annotation using the deleteAnnotations API.

Pivot Table

Bug fixes

  • #I657448 - Double-clicking the ‘No records to display’ cell for drill-through in the pivot table will no longer trigger an error.
  • #I655109 - The calculated field option will now work properly with the ‘Defer Layout Update’ option enabled in the pivot table when using the server-side engine.
  • #I661608 - The pivot button will now show the proper text in the static field list when the ‘showAggregationOnValueField’ property is disabled.
  • #I653425 - The pivot table will now be rendered properly when changing the aggregation type dynamically using the ‘Value field settings’ popup for a value field name that begins with numeric text.

Features

  • The classic (tabular) layout support has been added, allowing the pivot table to display in a traditional format with separate columns for row headers, offering a more detailed and organized table structure. Explore the demo here.

QueryBuilder

Bug Fixes

  • Issue with condition not proper while getting sql from rules has been fixed.
  • #I594200 - Issue with “Template is not rendered properly when we use fieldMode as dropdowntree in the complex data binding query builder” has been fixed.

RichTextEditor

Bug Fixes

  • #I656029 - Now, the link quick toolbar now opens properly in the Firefox browser when the link is inside a table in the Rich Text Editor.

  • #I659319 - Now, the inline emoji picker popup now closes properly after certain characters when the No Result Found status is displayed in the Rich Text Editor.

  • #I659591 - Now, the content now scrolls to the cursor position correctly when inserted through the executeCommand method in the Rich Text Editor.

  • #I648421 - Now, enhanced the documentation for imageUploadFailed and imageUploadSuccess events in the Rich Text Editor to include detailed descriptions of the event parameters.

  • #I657212 - Now, when adding an emoji before or after a URL, it will remain separate and will not be included in the link’s display text.

Schedule

Features

  • #I354565 - Provided support to enables clipboard functionality for appointments, allowing them to be copied using keyboard shortcuts and pasted onto the Scheduler by setting allowClipboard property as true. When set to true, users can use keyboard shortcuts to cut, copy appointments and paste them into different time slots.
Keys Description
Ctrl + X To cut the selected appointment.
Ctrl + C To copy the selected appointment.
Ctrl + V To paste the cut/copied appointment.

Methods cut, copy, and paste have been implemented to allow users to perform clipboard actions on appointments.

  • Provided method getViewDates to get the previous, next, or current view render dates.
  • Provided method getDateRangeText to get the date range text for the given date collection.

SplitButton

Bug Fixes

  • #I914299 - Split buttons popup not closed when we open with mouse click and select with key down action has been resolved.
  • #I554000 - Console error is thrown when clicking the progress button has been resolved.

Spreadsheet

Features

  • #I491300, #I271239, #I636239 - Now, you can use custom data validation with formulas, allowing you to define rules based on custom formulas.

  • #I370203 - Now, you can experience chunked response processing to enhance performance when opening large Excel files in the Spreadsheet.

  • You can now use the manual calculation mode, allowing you to manually trigger formula calculations. This feature continues to enhance performance and accuracy, especially when handling large datasets.

Stock Chart

Features

  • #I620773 - The crosshair now snaps to the nearest data point, providing improved precision and focus on individual data points.

Switch

Features

  • beforeChange event - The Switch component now includes a beforeChange event, which enables users to intercept and manage state changes before they occur. This feature supports custom logic, such as validation or cancellation, thereby offering greater flexibility.

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.

TextBox

Bug Fixes

  • #I648833 - Fixed an issue with the floating label and border changes that occur upon clicking the reset button.

TreeMap

Features

  • #I647939, #I637797 - Unsafe HTML codes in the TreeMap control can also be sanitized by setting the enableHtmlSanitizer property to true.

TreeView

Bug Fixes

  • #I659354 - The issue where the hidden target’s parent node expands after adding a new node using the addNodes method with preventTargetExpand set to true in the TreeView component has been resolved.
  • #I656707 - The issue where the source node fails to move under a hidden target node using the moveNodes method in the TreeView component has been resolved.

Uploader

Bug Fixes

  • #I648755 - Fixed an issue where, with sequential upload enabled, if the first file is paused, the second file will not automatically start uploading.