title: d3 text-wrap plugin changes coordinates
body: <p>I would wrap dynamic text.</p>
  
  <p>I'm using <a href="https://www.npmjs.com/package/d3-textwrap" rel="nofollow noreferrer">d3-textwrap</a> plugin.</p>
  
  <p>I tried to apply what mentioned in doc</p>
  
  <pre><code>let textWrap;
  let d3Text1 = d3.selectAll(stations);
  textWrap = d3wrap.textwrap().bounds({ height: 100, width: 100 });
  d3Text1.call(textWrap); // commenting this will make initial position but no wrap
  </code></pre>
  
  <p>the plugin is working but the text is getting moved from it's initial position*</p>
  
  <p>Before text wrapping</p>
  
  <p><a href="https://i.stack.imgur.com/WJ9WP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WJ9WP.png" alt="before"></a></p>
  
  <p>And after text wrapping</p>
  
  <p><a href="https://i.stack.imgur.com/iIPMB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iIPMB.png" alt="enter image description here"></a></p>
  
  <p>here a reproduction on <a href="https://stackblitz.com/edit/angular-d3-textplugin?file=src/app/app.component.ts" rel="nofollow noreferrer">stackblitz</a></p>