SVGコンテナの外側をクリック

Question

私はグラフを生成するためにd3を使用しています。その結果、ポイントは部分的にsvg要素の外にあります。

Safariを使用しても、ホバーもクリックイベントも検出されないという問題があります。ここ が起こっていただきまし示しフィドルです：Chromeで http://jsfiddle.net/3a5AN/72/

私は同様の問題があったと示唆したように、私は設定していたそれは大丈夫動作しますが、サファリではそれもcursor:pointer;

Answer 1

をトリガしません。ブラウザの幅にSVGの幅と高さ

これは私が

let width = window.innerWidth; 
let height = window.innerHeight; 

const svg = $window.d3.select('#svgContainer') 
    .append('svg') 
    .style('width', width + 'px') 
    .style('height', height + 'px'); 

に動作します。そしてもちろん、ブラウザにリスナーを追加する方法であるにサイズを変更サイズ変更時に幅と高さを更新します。