How to return to the previous position when the modal is closed ?

Hello, Here's my problem, when I click on an entity the modal with metadata is displayed at the right of the window with a slide left animation, when it is open I use a state [previousTransform, setPreviousTransform] that keeps the position of the orgchart before the modal is opened. Then I call the setCentered method to center on the clicked entity. When I closed the modal, I modify the position of the flowchart using the previousTransform data. It works but when I want to move on the orgchart, the position of the orgchart is set back to the last known position when the modal was open instead of moving from the last assigned position, why ?

Here's my code : `

const [previousTransform, setPreviousTransform] = useState(null);

const handleShow = (): boolean | void => {

const chartContainer = document.getElementById('org').firstElementChild.firstElementChild;

if(chartContainer.getAttribute('transform') == null){

  chartContainer.setAttribute('transform', 'translate(0,0) scale(1)');
  setPreviousTransform(chartContainer.getAttribute('transform'));

 } else {

    setPreviousTransform(chartContainer.getAttribute('transform'));

 };

setCardShow(false);

setTimeout(() => { setCardShow(true) }, 150);
};

const handleClose = (): boolean | void => {setCardShow(false);

const chartContainer = document.getElementById('org').firstElementChild.firstElementChild;
chartContainer.setAttribute('transform', previousTransform);

}

const handleTransitionChange = () => {
if(cardShow){

  chartRef.current.setCentered(employeeId).render() ; 

}  
};

Thank you in advance !

bumbeishvili / org-chart

How to return to the previous position when the modal is closed ? #262