fix iframe - mouse event while dragging

[sytolk]

trafficstars

[Vadim-1507]

Hi! You can fix this problem with external library API, example code:

.split_conteiner {
    position: relative
    ...
}
.mouse_blocker {
    width: 100%;
    height: 100%';
    position: absolute;
    z-index: 100;
    opacity: 0;
}

function SplitPaneBlock (props: SomeProps) {
    const [active, setActive] = React.useState<boolean>(false);
    const onStartHandler = () => { setActive(true); }
    const onFinishedHandler = () => { setActive(false); }

    return (
        <div className="split_conteiner"> 
            {active && (<div className="mouse_blocker"/>)}
            <SplitPane
                ...
                onDragStarted={onStartHandler}
                onDragFinished={onFinishedHandler}
            >
                ...
            </SplitPane>
        </div>
    )
}

It`s work for me