<p dir="auto">Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tomwanzek/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tomwanzek">@tomwanzek</a>,</p>
<p dir="auto">I'm trying to reproduce the following d3 example (<a href="http://bl.ocks.org/cjrd/6863459" rel="nofollow">http://bl.ocks.org/cjrd/6863459</a>) in my Angular2 app with d3-drag and d3-select capabilities but I found the following error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="TypeError: Cannot read property 'button' of null
    at SVGGElement.defaultFilter (drag.js:10)
    at SVGGElement.mousedowned (drag.js:41)
    at SVGGElement.&lt;anonymous&gt; (d3.js:811)
    at ZoneDelegate.invokeTask (zone.js:275)
    at Object.onInvokeTask (ng_zone.js:262)
    at ZoneDelegate.invokeTask (zone.js:274)
    at Zone.runTask (zone.js:151)
    at SVGGElement.ZoneTask.invoke (zone.js:345)"><pre class="notranslate"><code class="notranslate">TypeError: Cannot read property 'button' of null
    at SVGGElement.defaultFilter (drag.js:10)
    at SVGGElement.mousedowned (drag.js:41)
    at SVGGElement.&lt;anonymous&gt; (d3.js:811)
    at ZoneDelegate.invokeTask (zone.js:275)
    at Object.onInvokeTask (ng_zone.js:262)
    at ZoneDelegate.invokeTask (zone.js:274)
    at Zone.runTask (zone.js:151)
    at SVGGElement.ZoneTask.invoke (zone.js:345)
</code></pre></div>
<p dir="auto">My Typescript file has the following imports:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import * as d3 from 'd3';
import * as d3Drag from 'd3-drag';
import * as d3Selection from 'd3-selection';"><pre class="notranslate"><code class="notranslate">import * as d3 from 'd3';
import * as d3Drag from 'd3-drag';
import * as d3Selection from 'd3-selection';
</code></pre></div>
<p dir="auto">Finally, I'm using d3 v4.4.4 (with <a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/types/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/types">@types</a> from npm repository) and Angular2. Using only d3-select, the example works but without drag&amp;drop capabilities.</p>
<p dir="auto">I'm not sure wether it is a bug or coding error but any tip would be appreciated.</p>
<p dir="auto">Thanks,</p>
<p dir="auto"><strong>d3-geo</strong> has seen a minor version update to 1.5 adding a new method.</p>
<p dir="auto">The definitions should be updated to reflect <code class="notranslate">path.measure(...)</code> and any other relevant changes since the last version against which <strong>d3-geo</strong> was validated.</p>
<p dir="auto">The minor version of <strong>d3</strong> definitions should also be bumped to 4.6. Could be done in the same PR.</p>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Ledragon/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Ledragon">@Ledragon</a><br>
cc @gustavderdrrache</p>