Hello
We are using Query Builder within a Modal that uses react-focus-lock. Essentially like this:
import FocusLock, {AutoFocusInside} from 'react-focus-lock';
import {QueryBuilderComponent} from 'node_modules/@syncfusion/ej2-react-querybuilder';
<FocusLock className={contentClassName} returnFocus={true}>
<AutoFocusInside>
<QueryBuilderComponent
columns={columnData}
ref={(scope) => {
queryBuilderObject = scope;
}}
/>
</AutoFocusInside>
</FocusLock>
This is causing an issue where if we add enough fields, scroll, click to add a new condition or group, then choose condition or group the autofocus catches and pushes to the top of the page and our add group/condition event gets overridden. I tried wrapping the QueryBuilderComponent in <FreeFocusInside> and <MoveFocusInside> but neither worked. I was just curious if Syncfusion had any workarounds with focus lock. Thanks!
