<input> inside moveable panel cannot be focued

[hellow554]

function SearchBar() {
    return <input />;
}

const panel = getPanel();
Object.assign(panel.wrapper.style, {
    top: "10vh",
    left: "10vw",
});
panel.setMovable(true);
panel.show();

render(SearchBar, panel.body);

this shows the panel correctly and it is moveable, but I cannot click into the input text nor can I enter text into it.

[gera2ld]

Add onMouseDown={e => e.stopPropagation()} to the container where you want to disable dragging. For example:

function SearchBar() {
    // Clicking inside this div will not move the panel
    return <div onMouseDown={e => e.stopPropagation()}>
        <input />
    </div>;
}

[hellow554]

Thanks for that!
Can we add that to the docs of setMovable?