DevExtreme Complete 22.2.4

Improves Editors, File Management and Pivot Grid components.

Fixes

Angular

• All Angular products
  • Export to DOCX - "Can't finish story here" exception occurs after updating to DevExpress.Drawing.
  • Export to HTML - Watermark is covered by report controls.
  • NullReferenceException occurs on an attempt to open the Expression Editor in Microsoft Visual Studio after upgrading a Microsoft .NET Framework project to v22.2.
  • Report Analyzer - XRE081 is reported for XRCrossTab filtered by the Data Range parameter.
  • Typescript - globalConfig has a 'deprecated' flag.
  • Web Document Viewer - "W0017 - Setting the "X" property with a function is deprecated since v21.2." warnings occur on the web page when Mobile mode is used.
  • Web End-User Report Designer - Long display names are overlapped in the "Expression Editor" dialog.
  • Web Report Designer
    • Internal Server Error occurs when removing a DateRange parameter through the Property Grid.
    • Style.Paddings are not synchronized with XtraReport.ReportUnit.
    • The "Add Data Source" button is missing in the Field List pane.
    • The getDesignerErrors request is not URL encoded.
    • The XRChart Tasks section does not contain the DataSource and DataMember properties.
  • XRCrossTab - Column width may be calculated incorrectly if multiple fields are placed in the columns area.
  • XRCrossTab control may cause slowdowns when a report's document is recreated.
• DevExtreme Charts & Gauges
  • Chart - Print() method throws the "Failed to load resource: net::ERR_INVALID_URL" exception.
  • Chart shows bar artifacts when visual range is changed.
  • RangeSelector - Value is added before the data is loaded.
• DevExtreme DataGrid
  • A row is repainted on editing a column with setCellValue even if repaintChangesOnly is enabled.
  • It is not possible to navigate between editors in dataRowTemplate when pressing the Tab key in certain cases.
  • It is not possible to navigate to another data page after focusing a row when sortOrder is applied and a lookup column is declared.
  • Lookup column shows incorrect values if calculateDisplayValue is set to true and the 'form' or 'popup' editing mode is used.
  • Rows are incorrectly positioned if Local Reordering and virtual scrolling are enabled.
  • SHIFT selection does not work for alternative declaration of column:dataField.
  • Tab navigation does not properly work in the adaptive detail row.
  • The Popup|defaultOptions configuration doesn't affect grid popups in v22.2.3.
  • The selectedFilterOperation parameter of the calculateFilterExpression function has an incorrect type.
  • The toolbar's overflow menu is duplicated when the grid is repainted.
  • DataGrid throws the "Cannot read properties of undefined (reading 'key')" exception when a filter is set and a row is filtered out.
  • DataGrid: A lookup column with number dataType does not affect the filter operation when calculateDisplayValue is defined and DataSource is empty.
  • DataGrid: editing.changes with two-way binding enabled resets the popup's scroll position and clears a field's value on editing the form field.
• DevExtreme Data Sources
  • TypeScript Definitions - CustomStore - The load method doesn't return an object with LoadOptions.
• DevExtreme Diagram
  • A connector is positioned incorrectly when the import method is used in certain cases.
  • Connectors are modified during quick dragging of shapes in certain cases even if editing is disabled.
  • The item's "id" field values are swapped for the nodes data source if an item is removed and inserted again.
• DevExtreme Dialogs & Notifications
  • Popup - The close icon is misaligned in material themes.
• DevExtreme Editors & Validation
  • DateBox
    • A form is not submitted on Enter key press when useMaskBehavior is enabled.
    • Tab navigation works inconsistently in certain cases.
  • SelectBox - Dropdown crashes when fullScreen is enabled.
  • TagBox
    • An error occurs when programmatically disabling search and setting the dropDownOptions.disabled property to true.
    • The remove tag button does not work in certain cases.
• DevExtreme File Management
  • File Management demos about Microsoft Azure bindings don't work in CodeSandBox and CodePen.
• DevExtreme Form
  • Labels in Form inside the Modal Dialog are not shown correctly after upgrading to v22.2.3.
• DevExtreme Gantt
  • Gantt doesn't update the tasks view if DataSource was updated.
  • Gantt shows dates in the 12-hour format even if a 24-hour format locale is set.
• DevExtreme HTML Editor
  • A style isn't applied to the <s> HTML element when markup is defined using the value option.
  • The maxFileSize option isn't applied correctly when fileUploadMode is set to base64.
• DevExtreme Layout & Navigation
  • Toolbar - Toolbar items aren't closed after automatically moving the in/out overflow menu.
  • TreeView
    • Height is incorrectly calculated when searchEnabled is true in the Material theme.
    • The expandAll() method doesn't use animation.
• DevExtreme Pivot Grid
  • It's not possible to drag a field by its empty area in the All Fields section in the Field Chooser.
• DevExtreme Scheduler
  • An appointment is resized but its data is not updated when the 'Esc' key is used.
  • Scheduler with signalR sends an additional get request when the dataCellTemplate option is set.
• DevExtreme ThemeBuilder
  • It's not possible to import and customize the Contrast theme.

HTML JS

• All HTML JS products
  • Diagram - Connectors are modified during quick dragging of shapes in certain cases even if editing is disabled.
  • Typescript - globalConfig has a 'deprecated' flag.
• DevExtreme Charts & Gauges
  • Chart - Print() method throws the "Failed to load resource: net::ERR_INVALID_URL" exception.
  • Chart shows bar artifacts when visual range is changed.
  • LinearGauge - The 'subvalueIndicator.width' property affects the Gauge width if the 'subvalueIndicator.type' property is set to “triangleMarker”.
  • RangeSelector - Value is added before the data is loaded.
• DevExtreme DataGrid
  • A row is repainted on editing a column with setCellValue even if repaintChangesOnly is enabled.
  • Accessibility - Triggering element is not focused when the header filter popup is closed in certain cases.
  • Group summaries are not exported to Excel if there is a fixed button column.
  • It is not possible to navigate between editors in dataRowTemplate when pressing the Tab key in certain cases.
  • It is not possible to navigate to another data page after focusing a row when sortOrder is applied and a lookup column is declared.
  • Lookup column shows incorrect values if calculateDisplayValue is set to true and the 'form' or 'popup' editing mode is used.
  • Rows are highlighted randomly if the scrolling mode is set to 'virtual' and the rowAlternationEnabled property is set to 'true'.
  • Rows are incorrectly positioned if Local Reordering and virtual scrolling are enabled.
  • SHIFT selection does not work for alternative declaration of column:dataField.
  • Tab navigation does not properly work in the adaptive detail row.
  • The focusStateEnabled property does not affect the component's behavior.
  • The Popup|defaultOptions configuration doesn't affect grid popups in v22.2.3.
  • The selectedFilterOperation parameter of the calculateFilterExpression function has an incorrect type.
  • The toolbar's overflow menu is duplicated when the grid is repainted.
  • DataGrid: A lookup column with number dataType does not affect the filter operation when calculateDisplayValue is defined and DataSource is empty.
  • TreeList twitches in virtual scrolling mode.
• DevExtreme Data Sources
  • TypeScript Definitions - CustomStore - The load method doesn't return an object with LoadOptions.
• DevExtreme Diagram
  • The item's "id" field values are swapped for the nodes data source if an item is removed and inserted again.
• DevExtreme Dialogs & Notifications
  • Popup - The close icon is misaligned in material themes.
  • Toast - The onShowing function receives an array instead of an object.
• DevExtreme Editors & Validation
  • DateBox
    • A form is not submitted on Enter key press when useMaskBehavior is enabled.
    • Tab navigation works inconsistently in certain cases.
  • SelectBox - Dropdown crashes when fullScreen is enabled.
  • TagBox
    • An error occurs when programmatically disabling search and setting the dropDownOptions.disabled property to true.
    • The remove tag button does not work in certain cases.
• DevExtreme File Management
  • File Management demos about Microsoft Azure bindings don't work in CodeSandBox and CodePen.
  • FileManager - The rename action changes currentPath in certain cases.
• DevExtreme Form
  • Labels in Form inside the Modal Dialog are not shown correctly after upgrading to v22.2.3.
• DevExtreme Gantt
  • Gantt doesn't update the tasks view if DataSource was updated.
  • Gantt shows dates in the 12-hour format even if a 24-hour format locale is set.
• DevExtreme HTML Editor
  • A style isn't applied to the <s> HTML element when markup is defined using the value option.
  • The maxFileSize option isn't applied correctly when fileUploadMode is set to base64.
• DevExtreme Layout & Navigation
  • Toolbar - Toolbar items aren't closed after automatically moving the in/out overflow menu.
  • TreeView
    • Height is incorrectly calculated when searchEnabled is true in the Material theme.
    • The expandAll() method doesn't use animation.
• DevExtreme Pivot Grid
  • It's not possible to drag a field by its empty area in the All Fields section in the Field Chooser.
• DevExtreme Scheduler
  • AllDay appointment ending before startDayHour is not displayed in TimelineDay view.
  • An appointment is resized but its data is not updated when the 'Esc' key is used.
• DevExtreme ThemeBuilder
  • It's not possible to import and customize the Contrast theme.
• DevExtreme TreeList
  • Fixed column border width issue in Firefox.
  • The "Cannot read properties of undefined (reading 'index')" error is thrown when a custom command button's template is defined.

React

• All React products
  • Diagram - Connectors are modified during quick dragging of shapes in certain cases even if editing is disabled.
  • Typescript - globalConfig has a 'deprecated' flag.
  • Web Report Designer - The getDesignerErrors request is not URL encoded.
• DevExtreme Charts & Gauges
  • Chart - Print() method throws the "Failed to load resource: net::ERR_INVALID_URL" exception.
  • Chart shows bar artifacts when visual range is changed.
  • RangeSelector - Value is added before the data is loaded.
• DevExtreme DataGrid
  • A row is repainted on editing a column with setCellValue even if repaintChangesOnly is enabled.
  • It is not possible to navigate between editors in dataRowTemplate when pressing the Tab key in certain cases.
  • It is not possible to navigate to another data page after focusing a row when sortOrder is applied and a lookup column is declared.
  • It is not possible to reorder columns when headerCellRender is used in React.
  • Lookup column shows incorrect values if calculateDisplayValue is set to true and the 'form' or 'popup' editing mode is used.
  • Rows are incorrectly positioned if Local Reordering and virtual scrolling are enabled.
  • SHIFT selection does not work for alternative declaration of column:dataField.
  • Tab navigation does not properly work in the adaptive detail row.
  • The Popup|defaultOptions configuration doesn't affect grid popups in v22.2.3.
  • The selectedFilterOperation parameter of the calculateFilterExpression function has an incorrect type.
  • The toolbar's overflow menu is duplicated when the grid is repainted.
  • DataGrid throws the "Cannot read properties of undefined (reading 'key')" exception when a filter is set and a row is filtered out.
  • DataGrid: A lookup column with number dataType does not affect the filter operation when calculateDisplayValue is defined and DataSource is empty.
  • DataGrid: editing.changes with two-way binding enabled resets the popup's scroll position and clears a field's value on editing the form field.
• DevExtreme Data Sources
  • TypeScript Definitions - CustomStore - The load method doesn't return an object with LoadOptions.
• DevExtreme Diagram
  • A connector is positioned incorrectly when the import method is used in certain cases.
  • The item's "id" field values are swapped for the nodes data source if an item is removed and inserted again.
• DevExtreme Dialogs & Notifications
  • Popup - The close icon is misaligned in material themes.
• DevExtreme Editors & Validation
  • DateBox
    • A form is not submitted on Enter key press when useMaskBehavior is enabled.
    • Tab navigation works inconsistently in certain cases.
  • DropDownBox - Drop-down popup is cut off on a first click in recent versions of Firefox.
  • SelectBox - Dropdown crashes when fullScreen is enabled.
  • TagBox
    • An error occurs when programmatically disabling search and setting the dropDownOptions.disabled property to true.
    • The remove tag button does not work in certain cases.
• DevExtreme File Management
  • File Management demos about Microsoft Azure bindings don't work in CodeSandBox and CodePen.
• DevExtreme Form
  • Labels in Form inside the Modal Dialog are not shown correctly after upgrading to v22.2.3.
• DevExtreme Gantt
  • Gantt doesn't update the tasks view if DataSource was updated.
  • Gantt shows dates in the 12-hour format even if a 24-hour format locale is set.
  • React - Gantt doesn't clear TemplateWrapper instances on updating the component's state.
• DevExtreme HTML Editor
  • A style isn't applied to the <s> HTML element when markup is defined using the value option.
  • The maxFileSize option isn't applied correctly when fileUploadMode is set to base64.
• DevExtreme Layout & Navigation
  • Gallery - The item is incorrectly rendered when switching from the last item to the first item.
  • Toolbar - Toolbar items aren't closed after automatically moving the in/out overflow menu.
  • TreeView
    • Height is incorrectly calculated when searchEnabled is true in the Material theme.
    • The expandAll() method doesn't use animation.
• DevExtreme Pivot Grid
• It's not possible to drag a field by its empty area in the All Fields section in the Field Chooser.
  • DevExtreme Scheduler
    • An appointment is resized but its data is not updated when the 'Esc' key is used.
    • Scheduler with signalR sends an additional get request when the dataCellTemplate option is set.
• DevExtreme ThemeBuilder
  • It's not possible to import and customize the Contrast theme.

Vue

• All Vue products
  • Diagram - Connectors are modified during quick dragging of shapes in certain cases even if editing is disabled.
  • Themes - Certain properties do not use default values of the material theme in FireFox if the theme is imported from a standalone component.
  • Typescript - globalConfig has a 'deprecated' flag.
• DevExtreme Charts & Gauges
  • Chart - Print() method throws the "Failed to load resource: net::ERR_INVALID_URL" exception.
  • Chart shows bar artifacts when visual range is changed.
  • RangeSelector - Value is added before the data is loaded.
• DevExtreme DataGrid
  • A row is repainted on editing a column with setCellValue even if repaintChangesOnly is enabled.
  • It is not possible to navigate between editors in dataRowTemplate when pressing the Tab key in certain cases.
  • It is not possible to navigate to another data page after focusing a row when sortOrder is applied and a lookup column is declared.
  • Lookup column shows incorrect values if calculateDisplayValue is set to true and the 'form' or 'popup' editing mode is used.
  • Rows are incorrectly positioned if Local Reordering and virtual scrolling are enabled.
  • SHIFT selection does not work for alternative declaration of column:dataField.
  • Tab navigation does not properly work in the adaptive detail row.
  • The Popup|defaultOptions configuration doesn't affect grid popups in v22.2.3.
  • The selectedFilterOperation parameter of the calculateFilterExpression function has an incorrect type.
  • The toolbar's overflow menu is duplicated when the grid is repainted.
  • DataGrid throws the "Cannot read properties of undefined (reading 'key')" exception when a filter is set and a row is filtered out.
  • DataGrid: A lookup column with number dataType does not affect the filter operation when calculateDisplayValue is defined and DataSource is empty.
  • DataGrid: editing.changes with two-way binding enabled resets the popup's scroll position and clears a field's value on editing the form field.
• DevExtreme Data Sources
  • TypeScript Definitions - CustomStore - The load method doesn't return an object with LoadOptions.
• DevExtreme Diagram
  • A connector is positioned incorrectly when the import method is used in certain cases.
  • The item's "id" field values are swapped for the nodes data source if an item is removed and inserted again.
• DevExtreme Dialogs & Notifications
  • Popup - The close icon is misaligned in material themes.
• DevExtreme Editors & Validation
  • DateBox
    • A form is not submitted on Enter key press when useMaskBehavior is enabled.
    • Tab navigation works inconsistently in certain cases.
  • DropDownBox - Drop-down popup is cut off on a first click in recent versions of Firefox.
  • SelectBox - Dropdown crashes when fullScreen is enabled.
  • TagBox
    • An error occurs when programmatically disabling search and setting the dropDownOptions.disabled property to true.
    • The remove tag button does not work in certain cases.
• DevExtreme File Management
  • File Management demos about Microsoft Azure bindings don't work in CodeSandBox and CodePen.
• DevExtreme Form
  • Labels in Form inside the Modal Dialog are not shown correctly after upgrading to v22.2.3.
• DevExtreme Gantt
  • Gantt doesn't update the tasks view if DataSource was updated.
  • Gantt shows dates in the 12-hour format even if a 24-hour format locale is set.
• DevExtreme HTML Editor
  • A style isn't applied to the <s> HTML element when markup is defined using the value option.
  • The maxFileSize option isn't applied correctly when fileUploadMode is set to base64.
• DevExtreme Layout & Navigation
  • Toolbar - Toolbar items aren't closed after automatically moving the in/out overflow menu.
  • TreeView
    • Height is incorrectly calculated when searchEnabled is true in the Material theme.
    • The expandAll() method doesn't use animation.
• DevExtreme Pivot Grid
  • It's not possible to drag a field by its empty area in the All Fields section in the Field Chooser.
• DevExtreme Scheduler
  • An appointment is resized but its data is not updated when the 'Esc' key is used.
  • Scheduler with signalR sends an additional get request when the dataCellTemplate option is set.
• DevExtreme ThemeBuilder
  • It's not possible to import and customize the Contrast theme.