ブラウザでタッチ可能なウィンドウラップトップでSVG要素にクリックイベントが発生しない

Question

私はAngularJS（1.3）とKendo-UI（2016.1.112）、jquery（2.1.4）で実装されたフロー図を持っています。フロー図内のすべてのシェイプには、クリックイベントが関連付けられており、ポップアップが開きます。

すべてが期待通りに機能しますが、タッチ対応のウィンドウではラップトップのポップアップが開きません（クリックイベントは配信されません）。コンソールで。おそらく、問題はクリックイベントに干渉するタッチイベントです。

解決方法の1つは、マシンのタッチ入力を無効にすることです。これにより問題を解決します。 HTMLで

：

<div kendo-diagram k-options="vm.options" k-data-source="vm.shapes" k-connections-data-source="vm.connections" 
     ng-style="{'height': vm.height, 'width': vm.width}"></div> 

私は形や接続のためのオブジェクトのリストを持っています。コントローラーで

：

var clicked = function (e) { 
     alert("Hi"); 
     //... 
}; 

vm.options = { 
    shapeDefaults: { 
     editable: false, 
     visual: visualTemplate 
    }, 
    click: clicked, 
    pannable: false, 
    dataBound: onDataBound, 
    editable: false, 
    zoom: 0.75, 
    zoomStart: function (e) { 
     e.preventDefault(); 
    }, 
    drag: function (e) { 
     e.preventDefault(); 
    }, 
    connectionDefaults: { 
     stroke: { 
      color: "Black", 
      width: 6 
     }, 
     selectable: false, 
     editable: false, 
     endCap: { 
      type: "ArrowEnd", 
      stroke: { 
       color: "Black", 
       width: 6 
      } 
     } 
    }, 
    layout: { 
     type: "layered", 
     subtype: "right", 
     layerSeparation: 100, 
     grid: { 
      offsetX: 400, 
      offsetY: 100 
     } 
    } 
}; 

Answer 1

その古い剣道UIバージョン（2016.1.112）に問題があります。 2016.2.504にアップグレードした後で動作します。