In infiniteviewer, there is an error using the start position of selecto

[hhbusui]

The components are the latest version

Description

Hello author, in infiniteviewer, there is an error using the start position of selecto。

In addition, I also use the react-grid-layout component

The code is as follows：

       <InfiniteViewer>
          <Selecto
            dragContainer={".react-grid-layout"}
            selectableTargets={[".react-grid-layout .react-grid-item"]}
            onSelect={e => {
              e.added.forEach(el => {
                console.log(el.classList);
                el.classList.add("selected");
              });
              e.removed.forEach(el => {
                console.log(el.classList);

                el.classList.remove("selected");
              });
            }}
            // container={document.querySelector(".container")}
            rootContainer={document.body}
            hitRate={0}
            selectByClick={true}
            selectFromInside={true}
            continueSelect={false}
            continueSelectWithoutDeselect={true}
            toggleContinueSelect={"shift"}
            toggleContinueSelectWithoutDeselect={[["ctrl"], ["meta"]]}
            ratio={0}></Selecto>
          <ReactGridLayout>
            <div>childItem</div>
          </ReactGridLayout>
        </InfiniteViewer>

[daybrush]

@h1530687053

The selecto must not be in an Infinite Viewer.

<Selecto />
<InfiniteViewer>
    <ReactGridLayout>
            <div>childItem</div>
          </ReactGridLayout>
</InfiniteViewer>

[hhbusui]

thanks for your time and reply， but , I use the way you said to change the code. After the box is selected, the scroll bar will not be triggered. As shown in the above figure.

[daybrush]

@h1530687053

use scrollOptions

scrollOptions={{
        container: // scrollContainer,
        throttleTime: 30,
        threshold: 0,
    }}

[hhbusui]

Thank you, author. I think I found the answer from your edit project.