title: SVG textPath not visible after transition on Chrome
body: <p>I think this is a bug in Chrome because it seems to work fine in Firefox, but I was hoping somebody could recommend a workaround (or tell me where I'm going wrong if this is my fault).</p>
  
  <p>I'm trying to put labels into the group arcs of a chord diagram in a similar fashion to this example:
  <a href="http://bost.ocks.org/mike/uberdata/" rel="nofollow noreferrer">http://bost.ocks.org/mike/uberdata/</a> :</p>
  
  <p><img src="https://i.stack.imgur.com/kfqbA.jpg" alt="enter image description here"></p>
  
  <p>I'm using <code>textPath</code> to achieve this just like the example.  The difference in my case is that I'm running a transition to open the arcs when they are created and also to resize them when the data changes.  When I use a transition on the <code>path</code> referenced by <code>textPath</code>, the result is that the text doesn't show up immediately on Chrome.  It is present in the DOM as expected and when I do something like adjust the browser zoom the text pops into view.</p>
  
  <p>Here's some sample code that shows the issue:
  <a href="http://bl.ocks.org/3148920" rel="nofollow noreferrer">http://bl.ocks.org/3148920</a></p>
  
  <p>If I set up a <code>transition.each("end",...)</code> on the path transition and touch an attribute on the textPath it makes the text appear.  But this doesn't help me when I'm resizing the arc, during which time I want the text to float in conjunction with the path.  On Firefox this works, but on Chrome the text just stays put.</p>
  
  <p>Any ideas for how to get this to work?</p>