Fix strange behavor on page resize
This commit is contained in:
		
							parent
							
								
									9dc8ba5526
								
							
						
					
					
						commit
						b926dd3526
					
				
					 1 changed files with 2 additions and 10 deletions
				
			
		|  | @ -75,15 +75,7 @@ | |||
|   // start simulation and center view on create | ||||
|   onMount(() => { | ||||
|     // set center of the SVG at (0,0) | ||||
|     let svg = d3 | ||||
|       .select(svgElement) | ||||
|       .attr("viewBox", [ | ||||
|         -clientWidth / 2, | ||||
|         -clientHeight / 2, | ||||
|         clientWidth, | ||||
|         clientHeight, | ||||
|       ]) | ||||
|       .select("g"); | ||||
|     let svg = d3.select(svgElement) | ||||
| 
 | ||||
|     // setup zoom | ||||
|     function zoomed(e) { | ||||
|  | @ -118,7 +110,7 @@ | |||
| </style> | ||||
| 
 | ||||
| <div bind:this={container} bind:clientHeight bind:clientWidth> | ||||
|   <svg bind:this={svgElement}> | ||||
|   <svg bind:this={svgElement} viewBox="{-clientWidth / 2},{-clientHeight / 2},{clientWidth},{clientHeight}"> | ||||
|     <g> | ||||
|       {#each edges as edge} | ||||
|         <GraphEdge {edge} /> | ||||
|  |  | |||
		Reference in a new issue