Skip to content

DataGrid throws DOMException: Node.removeChild when using onCellPrepared + editCellComponent + boolean value #451

@danieleff

Description

@danieleff

Bug Report

Package versions:

devexteme version: 20.1.7
devextreme-react version: 20.1.7

Steps to reproduce:

The following code:

<DataGrid onCellPrepared={() => {}} dataSource={[{a: true}]} >
    <Editing allowUpdating mode="cell" />
    <Column dataField="a" editCellComponent={() => <div></div>} />
</DataGrid>
<button onClick={() => this.setState({})}>Click</button>

Click the button

Current behavior:

Throws Uncaught DOMException: Node.removeChild: The node to be removed is not a child of this node
The above error occurred in the component:
in editCellComponent (created by TemplatesRenderer)
in TemplateWrapper (created by TemplatesRenderer)
in TemplatesRenderer (created by DataGrid)
in div (created by DataGrid)
...

Expected behavior:

Clicking does not thow error

Screenshots:

N/A

The code was working in devextreme@19.2.7, but throws error in devextreme@19.2.8+ versions.

Metadata

Metadata

Assignees

Labels

questionFurther information is requested

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions