Open sytolk opened 3 years ago
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
Hi! You can fix this problem with external library API, example code:
It`s work for me