Щелчок вне контейнера SVG

Question

Я использую d3 для генерации некоторых графиков, и это приводит к тому, что точки падают частично вне элемента svg.

Проблема возникает при использовании Safari, она не обнаруживает ни зависания, ни события щелчка. Вот скрипку, который показывает, Что происходит: 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'); 

и тогда, конечно, добавить слушателя в браузер изменять размер обновите ширину и высоту при изменении размера.