Released: Mar 18, 2021

Updates in 20.2.6

Fixes

Angular

• All Angular products
  • "Symbol DxReportViewerRequestOptionsComponent(DxReportViewerCallbacksComponent) declared in devexpress-reporting-angular/dx-report-viewer/dxrv-request-options.d.ts is not exported from devexpress-reporting-angular" error occurs if Angular 11 is used.
  • Angular Project Template - A 404 error is thrown when the page is refreshed in a production build.
  • Angular Reporting - ReportTabClosing and ReportTabClosed callbacks (events) are not invoked.
  • DevExpress Angular Reporting packages - Tree Shaking.
  • The global modification of the Promise type causes problems with extending it.
• DevExtreme Charts & Gauges
  • Chart - The "TypeError: Cannot create property 'endValue' on number" error occurs on an attempt to change the visualRange.startValue or visualRange.endValue value together with the tickInterval option.
  • Chart infinitely generates new Value Axes if there is no Value Axis with a name specified for series.axis in Angular.
• DevExtreme CLI
  • Angular Project Template - The `Invalid configuration of route '**'. One of the following must ...` error is thrown when Angular is upgraded to v11.1.0.
• DevExtreme DataGrid
  • An incorrect editor is focused when cell editing is enabled and showEditorAlways is set to true.
  • Gray boxes are displayed instead of rows after changing the data source and selecting a different page in the first data source if scrolling.rowRenderingMode is set to 'virtual'.
  • Gray bars are shown after refreshing when virtual scrolling and state storing are used.
  • Gray rows are displayed when filtering DataGrid if virtual scrolling is enabled.
  • It's not possible to delete an existing record after deleting a new row.
  • resetOption for rowDragging doesn't work if rowDragging.showDragIcons is set to false.
  • Toolbar and command column cells do not have accessible name attributes.
  • Unnecessary "cancel changes" buttons are shown for the grid when a cell is validated if the onFocusedCellChanging event is handled and the e.isHighlighted option is enabled.
  • DataGrid with virtual rowRenderingMode is loaded twice during filtering.
  • DataSource - The pushAggregationTimeout option does not delay changes made with store.push() in Angular.
• DevExtreme Data Sources
  • ArrayStore - The Push method works slowly when a key is defined.
  • The pushAggregationTimeout option does not delay changes made with store.push() in Angular.
• DevExtreme Diagram
  • A connector is not added when inserting a node with a connector via the ArrayStore push method.
  • Connectors can be overlapped by other connectors' or shapes' borders in specific scenarios when the auto-layout feature is enabled.
  • It's impossible to set a custom shape's defaultText as an empty string.
  • ShowToolbox toolbar item is not shown in viewToolbar if it is added manually.
  • Text in shapes is not wrapped when the diagram is initially hidden.
  • The export method doesn't work if it's called several times and the import method was called first.
  • A memory leak occurs on the "repaint" method call.
  • Diagram connectors are not rendered correctly in a certain layout.
  • Diagram incorrectly updates a shape and its connectors in response to changes in its data source.
  • The toolbar menu's Close button does not close the menu.
  • Issues with enabling the Panning feature for a diagram's canvas.
  • Selection is cleared on a mouse click if the Ctrl key is pressed.
• DevExtreme Dialogs & Notifications
  • Popup - There is no focused style for the close button in Generic themes.
• DevExtreme Editors & Validation
  • Autocomplete - onContentReady is not triggered when the component is initially ready.
  • CheckBox - The component has an incorrect type for the value property.
  • FilterBuilder - The onValueChanged event handler is not called after removing a condition.
  • Lookup - Drop-down is not closed on an attempt to scroll popup content in Material themes.
  • SelectBox - The search box returns to the previous state after selecting text.
• DevExtreme File Management
  • DevExtreme FileManager - Sorting by the "File Size" column works incorrectly.
  • FileManager for JavaScript - Some options don't work for the built-in items.
• DevExtreme Gantt
  • An error occurs on an attempt to save a task if its start or end date is not specified.
  • The default date is used when the start or end date of a task is not specified.
  • Gantt is incorrectly displayed in a Bootstrap modal window.
  • It is not possible to specify a custom field value in the taskInserting event handler.
  • The updateTask method works incorrectly when the autoUpdateParentTasks property is enabled.
• DevExtreme HtmlEditor
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
• DevExtreme Layout & Navigation
  • Angular Template - Toolbar's title disappears and the drawer's button is hidden as if the x-small layout is applied.
  • Drawer - Incorrect padding is added after minSize is changed.
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
• DevExtreme Project Templates and Wizards
  • Angular Project Template - Three custom components are not part of any modules.
• DevExtreme Scheduler
  • recurrenceRuleExpr is not specified in the Web API Service demo.
  • Scheduler renders two appointment collector buttons for the same cell if maxAppointmentsPerCell is "auto".
• DevExtreme TreeList
  • getSelectedRowKeys("all") doesn't return all selected data if a filter is applied.
  • It is not possible to add a new row while the current row is being edited.
  • 'Select All' checkbox is incorrectly rendered if the first defined column has no dataField and showColumnLines is set to false.
  • TreeList returns extra rows when the user selects all rows with applied search and filterMode set to "matchOnly".

HTML JS

• All HTML JS products
  • Rearrange Legend Items help article - The content keeps on expanding.
  • The global modification of the Promise type causes problems with extending it.
• DevExtreme Charts & Gauges
  • Chart - The "Cannot read property 'valueOf'...` error is thrown after hiding a series if argumentType is not specified.
  • Chart - The "TypeError: Cannot create property 'endValue' on number" error occurs on an attempt to change the visualRange.startValue or visualRange.endValue value together with the tickInterval option.
    • Chart fails with JavaScript errors when using the CandleStick series with an empty dataSource and the argumentAxis.workdaysOnly = true.
    • Dashboard for Web Forms - Chart - Tooltip is rendered with line breaks in Microsoft Internet Explorer 11 and Google Chrome with no-default zoom factor.
    • PieChart - Doughnut - PieChart ignores innerRadius when it is changed from 0.8 to 1.
• DevExtreme DataGrid
  • A search value is highlighted in an edit form.
  • An incorrect editor is focused when cell editing is enabled and showEditorAlways is set to true.
  • Column filter doesn't work for Date or DateTime columns if a custom date format string doesn't contain a separator between values.
  • Data is not displayed after changing to a remote dataSource and changing the pageIndex at runtime if scrolling.rowRenderingMode is set to 'virtual'.
  • Gray boxes are displayed instead of rows after changing the data source and selecting a different page in the first data source if scrolling.rowRenderingMode is set to 'virtual'.
  • Gray bars are shown after refreshing when virtual scrolling and state storing are used.
  • Group columns become hidden after resizing a window if columnAutoWidth is true.
  • No validation message and Cancel changes button if columns are fixed to the right.
  • Selection doesn't work if multiple fields are defined as the key and deferred selection is enabled.
  • The Cancel changes button is frozen on horizontal scrolling.
  • The filter editor simultaneously displays the placeholder and current value in certain cases.
  • The first character is replaced by a Date cell editor when the useMaskBehavior option is enabled.
  • The pager displays duplicated page numbers.
  • Toolbar and command column cells do not have accessible name attributes.
  • Unnecessary "cancel changes" buttons are shown for the grid when a cell is validated if the onFocusedCellChanging event is handled and the e.isHighlighted option is enabled.
  • DataGrid scrolls to the top after modifying a cell value when details are expanded.
  • DataGrid scrolls to the top when clicking a command button in a detail grid for the first time.
  • DataGrid with virtual rowRenderingMode is loaded twice during filtering.
• DevExtreme Data Sources
  • ArrayStore - The Push method works slowly when a key is defined.
• DevExtreme Diagram
  • A connector is not added when inserting a node with a connector via the ArrayStore push method.
  • Certain edge points returned by "pointsExpr" are ignored.
  • Connectors can be overlapped by other connectors' or shapes' borders in specific scenarios when the auto-layout feature is enabled.
  • It's impossible to set a custom shape's defaultText as an empty string.
  • It's not possible to wrap a shape inside a container that is implemented as a custom shape with baseType set to "verticalContainer".
  • ShowToolbox toolbar item is not shown in viewToolbar if it is added manually.
  • Text in shapes is not wrapped when the diagram is initially hidden.
  • Diagram incorrectly updates a shape and its connectors in response to changes in its data source.
  • Selection is cleared on a mouse click if the Ctrl key is pressed.
• DevExtreme Dialogs & Notifications
  • Popup - There is no focused style for the close button in Generic themes.
• DevExtreme Editors & Validation
  • Autocomplete - onContentReady is not triggered when the component is initially ready.
  • DataGrid - The filter editor simultaneously displays the placeholder and current value in certain cases.
  • Lookup - Drop-down is not closed on an attempt to scroll popup content in Material themes.
  • NumberBox - An escaped dot symbol breaks editing of the decimal part.
  • SelectBox - Custom buttons break the focus indication.
  • SelectBox - Drop-down flickers after a custom item is created when searchEnabled is used.
  • SelectBox - The search box returns to the previous state after selecting text.
  • SelectBox - There is no data to be displayed after searching and selecting an item when minSearchLength is specified.
  • SelectBox throws the "Failed to execute 'contains' on 'Node': parameter 1 is not of type 'Node'" error on an attempt to open a drop-down window.
  • TagBox - `tagTemplate` receives an empty string instead of an item represented by the Object type.
  • TagBox sends multiple identical requests on opening the drop-down.
  • TagBox sends the same query multiple times to get information about selected items when selecting items.
• DevExtreme File Management
  • Default strings are displayed for column captions in Details Mode instead of custom ones.
  • Sorting by the "File Size" column works incorrectly.
  • Columns become wider on widget resizing when only the thumbnail and name columns are in the detail view.
  • The expand/collapse icon does not disappear when a child folder is removed from a collapsed parent folder.
• DevExtreme Form
  • The screenByWidth function is not executed if it's defined in defaultOptions.
• DevExtreme Gantt
  • A column with minWidth and the right alignment is not resized correctly.
  • An error occurs on an attempt to save a task if its start or end date is not specified.
  • The "color" field value is not updated on an updateTask method call.
  • The default date is used when the start or end date of a task is not specified.
  • Gantt is incorrectly displayed in a Bootstrap modal window.
  • It is not possible to specify a custom field value in the taskInserting event handler.
  • The updateTask method works incorrectly when the autoUpdateParentTasks property is enabled.
• DevExtreme HtmlEditor
  • The mediaResizing element doesn't adjust its position if the image was moved.
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
• DevExtreme Layout & Navigation
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
  • List - itemDragging does not work if a parent element has the "overflow:auto" and "padding" CSS rules.
  • Sortable - The cursor does not change to 'grabbing' when dragging a card.
  • Toolbar - If there is only one item in the menu this item has an empty area below.
• DevExtreme Scheduler
  • recurrenceRuleExpr is not specified in the Web API Service demo.
  • The onAppointmentUpdated.appointmentData property contains the initial data instead of updated one after dragging an appointment.
  • Scheduler renders two appointment collector buttons for the same cell if maxAppointmentsPerCell is "auto".
• DevExtreme Themes & Utils
  • The Switch editor style in material themes is broken in v20.2.5.
• DevExtreme TreeList
  • getSelectedRowKeys("all") doesn't return all selected data if a filter is applied.
  • Multiple selection with Shift works incorrectly in certain scenarios.
  • NavigateToRow doesn't expand nodes to find a row in `standard` scrolling mode.
  • 'Select All' checkbox is incorrectly rendered if the first defined column has no dataField and showColumnLines is set to false.
  • TreeList returns extra rows when the user selects all rows with applied search and filterMode set to "matchOnly".

React

• All React products
  • DevExtreme React Widgets - Events are muted when a component updates the widget's options.
  • DevExtreme.Demos: DxDiagram - Some diagram elements are incorrectly displayed when diagram demos are copied to codeSandbox.
  • The global modification of the Promise type causes problems with extending it.
• DevExtreme Charts & Gauges
  • Chart - The "TypeError: Cannot create property 'endValue' on number" error occurs on an attempt to change the visualRange.startValue or visualRange.endValue value together with the tickInterval option.
• DevExtreme CLI
  • Angular Project Template - The `Invalid configuration of route '**'. One of the following must ...` error is thrown when Angular is upgraded to v11.1.0.
  • DevExtreme CLI - React application template has wrong react version.
• DevExtreme DataGrid
  • "Object.keys: argument is not an Object" error occurs when a user sorts a column by UI in IE.
  • Gray boxes are displayed instead of rows after changing the data source and selecting a different page in the first data source if scrolling.rowRenderingMode is set to 'virtual'.
  • Gray bars are shown after refreshing when virtual scrolling and state storing are used.
  • Setting the class attribute by using the elementAttr option appends the attribute instead of replacing it.
  • The paging info section is not rendered under certain conditions.
  • Toolbar and command column cells do not have accessible name attributes.
  • Unnecessary "cancel changes" buttons are shown for the grid when a cell is validated if the onFocusedCellChanging event is handled and the e.isHighlighted option is enabled.
  • DataGrid with virtual rowRenderingMode is loaded twice during filtering.
• DevExtreme Data Sources
  • ArrayStore - The Push method works slowly when a key is defined.
• DevExtreme Diagram
  • A connector is not added when inserting a node with a connector via the ArrayStore push method.
  • The export method doesn't work if it's called several times and the import method was called first.
  • Diagram incorrectly updates a shape and its connectors in response to changes in its data source.
  • Issues with enabling the Panning feature for a diagram's canvas.
  • Selection is cleared on a mouse click if the Ctrl key is pressed.
• DevExtreme Dialogs & Notifications
  • Popup - There is no focused style for the close button in Generic themes.
• DevExtreme Editors & Validation
  • Autocomplete - onContentReady is not triggered when the component is initially ready.
  • Lookup - Drop-down is not closed on an attempt to scroll popup content in Material themes.
  • SelectBox - The search box returns to the previous state after selecting text.
• DevExtreme File Management
  • DevExtreme FileManager - Sorting by the "File Size" column works incorrectly.
  • FileManager for React - Splitter pane width is incorrect after resize.
• DevExtreme Form
  • Form - ButtonItem throws the "Can't perform a React state update on an unmounted component" warning on testing.
• DevExtreme Gantt
  • An error occurs on an attempt to save a task if its start or end date is not specified.
  • The default date is used when the start or end date of a task is not specified.
  • Gantt is incorrectly displayed in a Bootstrap modal window.
  • It is not possible to specify a custom field value in the taskInserting event handler.
  • The updateTask method works incorrectly when the autoUpdateParentTasks property is enabled.
• DevExtreme HtmlEditor
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
• DevExtreme Layout & Navigation
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
  • List - Changes made via onItemRendered after an item is reordered are removed.
• DevExtreme Scheduler
  • recurrenceRuleExpr is not specified in the Web API Service demo.
• DevExtreme TreeList
  • getSelectedRowKeys("all") doesn't return all selected data if a filter is applied.
  • 'Select All' checkbox is incorrectly rendered if the first defined column has no dataField and showColumnLines is set to false.
  • TreeList returns extra rows when the user selects all rows with applied search and filterMode set to "matchOnly".

Vue

• All Vue products
  • DevExtreme Vue - The v-model="value" syntax doesn't work in Vue 3.
  • The global modification of the Promise type causes problems with extending it.
• DevExtreme Charts & Gauges
  • Chart - The "TypeError: Cannot create property 'endValue' on number" error occurs on an attempt to change the visualRange.startValue or visualRange.endValue value together with the tickInterval option.
• DevExtreme CLI
  • Angular Project Template - The `Invalid configuration of route '**'. One of the following must ...` error is thrown when Angular is upgraded to v11.1.0.
• DevExtreme DataGrid
  • Gray boxes are displayed instead of rows after changing the data source and selecting a different page in the first data source if scrolling.rowRenderingMode is set to 'virtual'.
  • Gray bars are shown after refreshing when virtual scrolling and state storing are used.
  • No validation message and Cancel changes button if columns are fixed to the right.
  • The Cancel changes button is frozen on horizontal scrolling.
  • Toolbar and command column cells do not have accessible name attributes.
  • Unnecessary "cancel changes" buttons are shown for the grid when a cell is validated if the onFocusedCellChanging event is handled and the e.isHighlighted option is enabled.
  • DataGrid with virtual rowRenderingMode is loaded twice during filtering.
• DevExtreme Data Sources
  • ArrayStore - The Push method works slowly when a key is defined.
• DevExtreme Diagram
  • A connector is not added when inserting a node with a connector via the ArrayStore push method.
  • Connectors can be overlapped by other connectors' or shapes' borders in specific scenarios when the auto-layout feature is enabled.
  • Diagram incorrectly updates a shape and its connectors in response to changes in its data source.
  • Custom Shape Template - Node templates may be non initialized after dropping nodes on a document fast.
  • Issues with enabling the Panning feature for a diagram's canvas.
  • Selection is cleared on a mouse click if the Ctrl key is pressed.
• DevExtreme Dialogs & Notifications
  • Popup - There is no focused style for the close button in Generic themes.
  • Popup - Unable to zoom the web page if the component's popup is displayed and the Ctrl + Wheel key combination is used.
• DevExtreme Editors & Validation
  • Autocomplete - onContentReady is not triggered when the component is initially ready.
  • Lookup - Drop-down is not closed on an attempt to scroll popup content in Material themes.
  • SelectBox - The search box returns to the previous state after selecting text.
• DevExtreme File Management
  • DevExtreme FileManager - Sorting by the "File Size" column works incorrectly.
• DevExtreme Gantt
  • An error occurs on an attempt to save a task if its start or end date is not specified.
  • Gantt is incorrectly displayed in a Bootstrap modal window.
  • It is not possible to specify a custom field value in the taskInserting event handler.
  • The updateTask method works incorrectly when the autoUpdateParentTasks property is enabled.
• DevExtreme HtmlEditor
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
• DevExtreme Layout & Navigation
  • Drawer - A сomponent that targets a router-view in a template is not rendered.
  • HtmlEditor doesn't allow selecting its content if it is placed in the List itemTemplate.
• DevExtreme Scheduler
  • recurrenceRuleExpr is not specified in the Web API Service demo.
• DevExtreme TreeList
  • getSelectedRowKeys("all") doesn't return all selected data if a filter is applied.
  • 'Select All' checkbox is incorrectly rendered if the first defined column has no dataField and showColumnLines is set to false.
  • TreeList returns extra rows when the user selects all rows with applied search and filterMode set to "matchOnly".