title: Updating text while zoomed changes font size
body: <p>I've run into an issue with svg and d3.js in Chrome, not sure if it's a bug or how to work around it. The following jsfiddle shows the issue.</p>
  
  <p><a href="http://jsfiddle.net/9hzrckj7/" rel="nofollow noreferrer">http://jsfiddle.net/9hzrckj7/</a></p>
  
  <p>Zoom your browser (Chrome) in (<kbd>Ctrl</kbd>+<kbd>+</kbd>) and click Run. You should see the text change from Text to Updated, and the size change depending on your zoom level.</p>
  
  <p>html</p>
  
  <pre><code>&lt;svg&gt;
      &lt;text x="100" y="100"&gt;
          Text
      &lt;/text&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>js</p>
  
  <pre><code>function update() {
      d3.select('text').text("Updated");
  }
  
  setInterval(function() {
      update();
  }, 1000);
  </code></pre>
  
  <p>Below are images showing before and after, when zoomed in 250%</p>
  
  <p><img src="https://i.stack.imgur.com/7UBB6.png" alt="Before"></p>
  
  <p><img src="https://i.stack.imgur.com/q0Lki.png" alt="After"></p>
  
  <p>Why is this happening? How can I stop it from happening or work around it?</p>