reactjs - react-split-pane not working when dragger over the pdf

Question

We have react application and we are splitting the screen to two part left for the displaying the data and right for displaying the pdf file. We have splitted the screen using the react-split-pane. When we drag the splitter to left where html contain are there it is working fine but when I drag the splitter to right where we are displaying the pdf file dragging is not working. Is there way to fix this?

Below is snippet of code

function PdfAndDataPage(){
    return(
        <SplitPane split="vertical" >
            <Pane initialSize="50%" className="pane-full"><DataCmp/></Pane >
            <Pane className="pane-full">
                 <PDFViewer backend={PDFJSBackend} src='/myPDF.pdf' />
            </Pane >
      </SplitPane>
    ); 
}

What I should be done to drag work over the pdf page side also?

question from:https://stackoverflow.com/questions/65853461/react-split-pane-not-working-when-dragger-over-the-pdf

Answer 1

Waitting for answers