DevExtreme Complete 21.1.5

Improves Document Viewer, DataGrid and Scheduler controls.

Fixes

Angular

• All Angular products
  • "Invalid JSON character: error occurs while running an application generated by the DevExpress Angular Reporting Application project template.
  • DataGrid - Cell changes are not applied with the Enter key if a mask is used.
  • DataGrid - Group summaries aren't displayed if all columns are fixed.
  • DataGrid - It is not possible to conditionally change the options of nested components.
  • DataGrid - Pager's container is not hidden whereas its content is not visible.
  • DataGrid blocks selection when a row data object has 'disabled: true'.
  • Export to PDF - Some fonts may be drawn as bold in exported PDF documents produced on Linux.
  • Formatting - The "currency largeNumber" type returns an error.
  • Modules - 'exportWidgets' is not found in 'devextreme/viz/export' in Angular 12 after the upgrade to v21.1.4.
  • TabPanel - Nested TabPanel is displayed incorrectly if it is unfocused.
  • The "Select All" string cannot be translated in a JSON file with localized strings.
  • Web Document Viewer - Exported documents are not cleared from the storage and cause a memory leak.
  • Web Document Viewer - The Export command does not work in Mobile Mode.
  • Web Document Viewer (Angular) - Runtime errors occur when a component is destroyed.
  • Web Report Designer - No localization is applied to a predefined report with XRCrossTab.
  • Web Report Designer - Parameter Bindings display parameter descriptions in the drop-down list instead of parameter names.
  • Web Report Designer - The DetailReportBand.KeepTogether option is not hidden from the Property Grid.
• DevExtreme Charts & Gauges
  • Chart - "Property 'cancel' does not exist on type 'FileSavingEventInfo<dxChart>'" error occurs on an attempt to use the e.cancel option in v.21.1.
• DevExtreme DataGrid
  • A row that is being validated is duplicated if validation fails and virtual scrolling is enabled.
  • Custom load panel options decrease Export performance.
  • It is not possible to scroll the grid after expanding multiple rows in a certain sequence.
  • Keyboard navigation doesn't work when virtual scrolling, grouping and summaries are enabled.
  • The "reset" button doesn't return the original value when a column is bound to nested objects that are instances of a class.
  • The command column doesn't appear/disappear when changing Editing.allow options in code.
  • The update operation occurs before the boolean column is validated if async validation is used.
  • DataGrid clears selection when toggling the showCheckBoxesMode option.
  • DataGrid displays two loading indicators if the widget contains fixed columns.
  • TreeList\DataGrid - cellTemplate stops responding after drag-and-drop if a component has a fixed column.
• DevExtreme Diagram
  • Connectors are detached from the shape if its width is calculated.
  • Diagram for Angular - It's not convenient to connect shapes by scrolling on a touch monitor.
  • Diagram for Angular - It's not possible to delete a container that includes shapes with connectors when allowChangeConnection and allowChangeConnectorPoints are disabled.
  • Diagram for Angular - Multiple errors occur on an attempt to create a control in an invisible container and/or if the container's height and width are set to zero.
  • A gray window is displayed instead of Diagram after switching from a simple view to the default view.
  • Diagram for Vue - Context toolbox is displayed at an incorrect position after creating a new connector.
• DevExtreme Dialogs & Notifications
  • dxPopover - Title's background overlaps the border.
• DevExtreme Editors & Validation
  • DateBox - The control has unexpected behavior when the useMaskBehavior and displayFormat options are enabled and a mask does not have separators.
  • HtmlEditor - The adaptive menu is not hidden when selecting a value from a SelectBox in the adaptive menu of the toolbar.
  • NumberBox - Assigning a function directly to the format property and using the format's formatter property lead to different formatting results.
  • NumberBox adds numbers displayed in the suffix to a value if the format option is defined.
  • NumberBox doesn't allow entering 0 continuously.
  • SelectBox - The byKey method execution is not canceled after the value is changed.
  • TagBox - The drop-down element is not scrollable if the dropDownOptions.container property is set.
• DevExtreme File Management
  • FileManager for Angular - It's not possible to expand/collapse the root folder if the file/folder moving dialog is shown for the file/folder inside the root folder.
• DevExtreme Gantt
  • A context menu position is incorrectly calculated if the menu is invoked for tasks located at the bottom of a screen.
  • A successor is always moved to the same time interval based on its predecessor even if dependency validation is not violated.
  • Gantt for Angular - Task selection incorrectly works with a filtered data source.
  • Performance is decreased when toolbar buttons are used to expand/collapse tasks.
• DevExtreme Layout & Navigation
  • TabPanel - The ripple effect is very large when a material theme is used in the Drag&Drop demo.
  • Toobar doesn't allow scrolling its menu on Android.
• DevExtreme PivotGrid
  • Data of a hidden field appears after hiding all 'data' fields in the Field Chooser.
• DevExtreme Scheduler
  • A recurring appointment is still visible in the appointment collector if visible is set to false.
• DevExtreme Themes & Utils
  • Device-specific DevExtreme CSS classes are missing after the update to Angular 12.

HTML JS

• All HTML JS products
  • Custom Bundle Creation is broken in v21.1.3.
  • DataGrid - A row that is being validated is duplicated if validation fails and virtual scrolling is enabled.
  • DataGrid - It is not possible to conditionally change the options of nested components.
  • DataGrid blocks selection when a row data object has 'disabled: true'.
  • Diagram for Vue - Context toolbox is displayed at an incorrect position after creating a new connector.
  • TagBox - The drop-down element is not scrollable if the dropDownOptions.container property is set.
• DevExtreme Charts & Gauges
  • "Property 'cancel' does not exist on type 'FileSavingEventInfo<dxChart>'" error occurs on an attempt to use the e.cancel option in v.21.1.
  • Interactive annotation tooltip flickers when trying to interact with it.
• DevExtreme DataGrid
  • A node is dropped onto an incorrect position in the TreeList Node Drag & Drop demo.
  • Cell changes are not applied with the Enter key if a mask is used.
  • Column header text doesn't show ellipsis when sorting is not enabled.
  • Columns are incorrectly hidden if column widths are set as CSS strings.
  • Group summaries aren't displayed if all columns are fixed.
  • It is not possible to scroll the grid after expanding multiple rows in a certain sequence.
  • Keyboard navigation doesn't work when virtual scrolling, grouping and summaries are enabled.
  • Pager's container is not hidden whereas its content is not visible.
  • Row reordering causes infinite scrolling if DataGrid is placed inside a Popup.
  • The "reset" button doesn't return the original value when a column is bound to nested objects that are instances of a class.
  • The data parameter of the validationCallback does not contain all data fields when the changes option is initially specified.
  • The update operation occurs before the boolean column is validated if async validation is used.
  • DataGrid clears selection when toggling the showCheckBoxesMode option.
  • DataGrid displays two loading indicators if the widget contains fixed columns.
  • DataGrid fires the contentReady event when the 'between' filter operation has only one value.
  • TreeList\DataGrid - cellTemplate stops responding after drag-and-drop if a component has a fixed column.
• DevExtreme Diagram
  • A shape is not selected on a double click on touch devices with an external mouse.
  • Connectors are detached from the shape if its width is calculated.
  • It's not possible to drag a shape from the toolbox on a touch device.
  • A gray window is displayed instead of Diagram after switching from a simple view to the default view.
  • Localization strings for the Dutch language are missing for Gantt and Diagram.
• DevExtreme Dialogs & Notifications
  • dxPopover - Title's background overlaps the border.
• DevExtreme Editors & Validation
  • Autocomplete calls a data source's load method several times when Korean characters are typed.
  • DateBox - applyValueMode="useButtons" does not work properly if type="time".
  • DateBox - The control has unexpected behavior when the useMaskBehavior and displayFormat options are enabled and a mask does not have separators.
  • DateBox doesn't show a validation message when posting a value by the Enter key.
  • DropDownBox does not remove values that do not exist in its data source.
  • List does not load the next page if its container is resized when the pageLoadMode option is set to 'scrollBottom'.
  • NumberBox - Assigning a function directly to the format property and using the format's formatter property lead to different formatting results.
  • NumberBox adds numbers displayed in the suffix to a value if the format option is defined.
  • NumberBox doesn't allow entering 0 continuously.
  • RadioGroup - The store's onLoaded event handler is called multiple times if the value option is not defined.
• DevExtreme Form
  • The built-in validation summary shows corrected errors after showing fields.
  • The form doesn't remove validation errors from the Validation Summary for hidden editors.
• DevExtreme Gantt
  • A successor is always moved to the same time interval based on its predecessor even if dependency validation is not violated.
  • Performance is decreased when toolbar buttons are used to expand/collapse tasks.
  • Localization strings for the Dutch language are missing for Gantt and Diagram.
• DevExtreme HtmlEditor
  • The adaptive menu is not hidden when selecting a value from a SelectBox in the adaptive menu of the toolbar.
  • A new line is removed and the '@' character is added when selecting a mention on a new line.
  • Newline characters are removed from the pasted text.
• DevExtreme Layout & Navigation
  • "Uncaught TypeError: S.easing[this.easing] is not a function" error occurs after changing component options twice when the jquery-ui library is referenced in the application.
  • ButtonGroup - Knockout observables in v20 and above are not working as expected.
  • List - with 'allPages' selectAllMode - A performance issue occurs when an item is re-selected after 'Select All' is used with large data.
  • TabPanel - Nested TabPanel is displayed incorrectly if it is unfocused.
  • TabPanel - The ripple effect is very large when a material theme is used in the Drag&Drop demo.
  • Toobar doesn't allow scrolling its menu on Android.
• DevExtreme PivotGrid
  • Data of a hidden field appears after hiding all 'data' fields in the Field Chooser.
• DevExtreme Scheduler
  • A recurring appointment is still visible in the appointment collector if visible is set to false.
• DevExtreme TreeList
  • Performance drops with large data and all nodes are expanded when scrolling and rowRenderingMode is set to virtual.

React

• All React products
  • DataGrid - A row that is being validated is duplicated if validation fails and virtual scrolling is enabled.
  • DataGrid - Cell changes are not applied with the Enter key if a mask is used.
  • DataGrid - It is not possible to conditionally change the options of nested components.
  • DataGrid - Pager's container is not hidden whereas its content is not visible.
  • Diagram for Vue - Context toolbox is displayed at an incorrect position after creating a new connector.
  • TabPanel - Nested TabPanel is displayed incorrectly if it is unfocused.
  • TagBox - The drop-down element is not scrollable if the dropDownOptions.container property is set.
  • The "Select All" string cannot be translated in a JSON file with localized strings.
• DevExtreme Charts & Gauges
  • "Property 'cancel' does not exist on type 'FileSavingEventInfo<dxChart>'" error occurs on an attempt to use the e.cancel option in v.21.1.
• DevExtreme DataGrid
  • Columns are misaligned if horizontal scrolling is used.
  • Custom load panel options decrease Export performance.
  • Group summaries aren't displayed if all columns are fixed.
  • It is not possible to scroll the grid after expanding multiple rows in a certain sequence.
  • Keyboard navigation doesn't work when virtual scrolling, grouping and summaries are enabled.
  • The update operation occurs before the boolean column is validated if async validation is used.
  • DataGrid blocks selection when a row data object has 'disabled: true'.
  • TreeList\DataGrid - cellTemplate stops responding after drag-and-drop if a component has a fixed column.
• DevExtreme Diagram
  • Connectors are detached from the shape if its width is calculated.
  • Diagram for JavaScript - A gray window is displayed instead of Diagram after switching from a simple view to the default view.
  • Diagram for React - Zoom level is not applied correctly when the zoomLevel option is defined in the control's configuration.
• DevExtreme Dialogs & Notifications
  • dxPopover - Title's background overlaps the border.
• DevExtreme Editors & Validation
  • DateBox - The control has unexpected behavior when the useMaskBehavior and displayFormat options are enabled and a mask does not have separators.
  • NumberBox adds numbers displayed in the suffix to a value if the format option is defined.
  • NumberBox doesn't allow entering 0 continuously.
• DevExtreme Gantt
  • A context menu position is incorrectly calculated if the menu is invoked for tasks located at the bottom of a screen.
  • A successor is always moved to the same time interval based on its predecessor even if dependency validation is not violated.
  • Performance is decreased when toolbar buttons are used to expand/collapse tasks.
  • Bound to the filtered data source - The applied filter does not work for the tree view part after changing any record.
  • Customized tooltip doesn't work.
• DevExtreme Layout & Navigation
  • Editors inside a nested item template (TabPanel, MultiView, Accordion) raise onValueChanged twice.
  • TabPanel - The ripple effect is very large when a material theme is used in the Drag&Drop demo.
  • Toobar doesn't allow scrolling its menu on Android.
• DevExtreme PivotGrid
  • Data of a hidden field appears after hiding all 'data' fields in the Field Chooser.
• DevExtreme Scheduler
  • A recurring appointment is still visible in the appointment collector if visible is set to false.

Vue

• All Vue products
  • DataGrid - A row that is being validated is duplicated if validation fails and virtual scrolling is enabled.
  • DataGrid - Cell changes are not applied with the Enter key if a mask is used.
  • DataGrid - Group summaries aren't displayed if all columns are fixed.
  • DataGrid - It is not possible to conditionally change the options of nested components.
  • DataGrid - Pager's container is not hidden whereas its content is not visible.
  • DataGrid blocks selection when a row data object has 'disabled: true'.
  • Diagram for Vue - Context toolbox is displayed at an incorrect position after creating a new connector.
  • TabPanel - Nested TabPanel is displayed incorrectly if it is unfocused.
  • TagBox - The drop-down element is not scrollable if the dropDownOptions.container property is set.
  • The "Select All" string cannot be translated in a JSON file with localized strings.
• DevExtreme Charts & Gauges
  • "Property 'cancel' does not exist on type 'FileSavingEventInfo<dxChart>'" error occurs on an attempt to use the e.cancel option in v.21.1.
  • Crash occurs on data update when hovering over a series.
• DevExtreme DataGrid
  • Custom load panel options decrease Export performance.
  • It is not possible to scroll the grid after expanding multiple rows in a certain sequence.
  • Keyboard navigation doesn't work when virtual scrolling, grouping and summaries are enabled.
  • The update operation occurs before the boolean column is validated if async validation is used.
  • TreeList\DataGrid - cellTemplate stops responding after drag-and-drop if a component has a fixed column.
• DevExtreme Diagram
  • Connectors are detached from the shape if its width is calculated.
  • Diagram for JavaScript - A gray window is displayed instead of Diagram after switching from a simple view to the default view.
  • Diagram for Vue - The canvas is scrolled when a user clicks a shape on a page that is not the first one.
• DevExtreme Dialogs & Notifications
  • dxPopover - Title's background overlaps the border.
• DevExtreme Editors & Validation
  • DateBox - The control has unexpected behavior when the useMaskBehavior and displayFormat options are enabled and a mask does not have separators.
  • NumberBox adds numbers displayed in the suffix to a value if the format option is defined.
  • NumberBox doesn't allow entering 0 continuously.
• DevExtreme File Management
  • Stack size exceeded issue occurs when invoking context menu from the navPane.
• DevExtreme Gantt
  • A successor is always moved to the same time interval based on its predecessor even if dependency validation is not violated.
  • Gantt for JavaScript - Performance is decreased when toolbar buttons are used to expand/collapse tasks.
• DevExtreme Layout & Navigation
  • TabPanel - The ripple effect is very large when a material theme is used in the Drag&Drop demo.
  • Toobar doesn't allow scrolling its menu on Android.
• DevExtreme PivotGrid
  • Data of a hidden field appears after hiding all 'data' fields in the Field Chooser.
• DevExtreme Scheduler
  • A recurring appointment is still visible in the appointment collector if visible is set to false.