Hey guys so I am making a diagram / flowchart web app and i finished the majority of the work only a couple of things remain .
I am trying to implement a way to zoom in and out the container (similar to how lucid chart does it ) and also give the ability to pan the container for example if there are no more spaces left in the container the user just pans to which ever direction he pleases and more space would be available .
the things that i have now are a container containing nodes that are positioned absolutely thesse nodes i can drag and position in whatever way i choose thre is a bug that happenes when i move the nodes to a position wich overflows the container the node would get stuck there and i can only move it to a position that overflows the container more and i can’t pull it back.

one more thing to consider I am no way an advanced java script programmer in fact I only began web development this year so please give a clear and easy to learn/understand answer and if the approach is of an expert level please provide sources for me to study .
thank you very much for your patience .
also if you’re confused on what I am talking about you could visit lucid chart or any diagramming app and the functions that I talked about would be present (well hopefully they would XD)

tried couple of things i found on the internet incresing the scroll top and left size but it didn’t work