Devextreme-reactive: VirtualTable and TableInlineCellEditing, inside Grid component, with rootComponed defined, intercepts the mouse click.

Created on 20 Mar 2020 · 2Comments · Source: DevExpress/devextreme-reactive

[x] I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

[x] React Grid
[ ] React Chart
[ ] React Scheduler

Current Behaviour

When I expand the "Fill the Container" documentation example adding the TableInlineCellEditing, I notice that when i click to edit a cell I can't obtain the focus immediatly.
The reason is the presence of Grid rootComponent attribute.

Expected Behaviour

Get the focus immediatly on click.

Steps to Reproduce

https://codesandbox.io/s/inspiring-tereshkova-zy55f

Environment

devextreme-reactive: 2.5.1
react: 16.12.0
browser: Chrome
material-ui: yes

Grid question

Source

dalborgo

Most helpful comment

Resolved moving
const Root = props => <Grid.Root {...props} style={{ height: "100%" }} />
outside the component.

dalborgo on 20 Mar 2020

👍2

All 2 comments

Resolved moving
const Root = props => <Grid.Root {...props} style={{ height: "100%" }} />
outside the component.

dalborgo on 20 Mar 2020

👍2

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.