render CheckTreePicker inline?

[ForeshadowRU]

Hi. I need to display ChechTreePicker in other popup contexts like drawers modals and popups.
The problem is that picker-popup is rendered in the bottom of the DOM so any click on it is considered as click outside of drawer/modal, hence you can only click once then drawer/modal closes.

Is there any workaround?

[simonguo]

https://stackblitz.com/edit/react-bjrmtz?file=index.js

How can you reproduce your problem using the above example?

[simonguo]

In addition, you can try to set a container property for CheckTreePicker to specify the container of the popup layer to Modal.

[ForeshadowRU]

I will try to, though it will take a while.
I respond asap

[ForeshadowRU]

@simonguo https://codesandbox.io/p/sandbox/practical-curran-forked-4v7zx7?file=%2Fsrc%2FApp.jsx

stackblitz doesn't quite work with lib I using for sidebar, so I hope codesandbox is good alternative.

[simonguo]

Just set up a container for CheckTreePicker and let it render inside Sidebar.

const contentRef = React.useRef();

<div ref={contentRef} style={{ position: "relative" }}>
    <CheckTreePicker
      defaultExpandAll
      data={data}
      container={() => contentRef.current}
    />
</div>

[ForeshadowRU]

Thank you very much