Увеличение двумя пальцами в div, содержащем Javascript, влияет на вещи за его пределами. ⇐ Javascript

[Anonymous]

У меня есть веб-сайт, на котором

Код: Выделить всё

var data = null;
var graph = null;
google.load("visualization", "1");
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
data = new google.visualization.DataTable();
data.addColumn('number', 'x');
data.addColumn('number', 'y');
data.addColumn('number', 'z');
data.addRow([-1, 5, 3]);
data.addRow([5, 3, 1]);
data.addRow([1,2,1])
data.addRow([3, 1, 2]);
data.addRow([-1, -2, 4]);
data.addRow([4, -7, 4]);
var options = { xMin: -3, yMin: -3, zMin: 0, xMax: 3, yMax: 3, zMax: 5, width: "300px", height: "300px", style: "vectors", showPerspective: false, showGrid: true, keepAspectRatio: true, verticalRatio: 1.0, zoomable: false };
graph = new links.Graph3d(document.getElementById('mygraph'));
graph.draw(data, options);
graph.setCameraPosition(0.4, undefined, undefined);
}

который по сути содержит 3D-визуализацию с использованием Graph3D от Google. Все работает нормально, за исключением помех на телефоне: когда б/у используется масштабирование двумя пальцами, любое прикосновение за пределами контейнера все равно перемещает штуковину внутрь. И тогда пользователь больше не может нажать ни на одну ссылку на веб-сайте.
Я знаю, что это очень расплывчато, но может ли кто-нибудь указать мне, в чем здесь может быть проблема? По сути, я хочу, чтобы прикосновение за пределами div mygraph не взаимодействовало с этой визуализацией.
Кстати, код библиотеки, если кто-то захочет посмотреть, находится здесь: https://matheistkeinarschloch.de/wp-con ... aph3D-1.js
Большое спасибо за вашу помощь!

Подробнее здесь: https://stackoverflow.com/questions/799 ... side-of-it