zoomchart and webix conflict

Drag and drop features for webix is not functioning when zoomchart is created at browser IE and firefox (except chrome)

HTML

<script src="https://cdn.zoomcharts-cloud.com/1/11/4/zoomcharts.js"></script>
<link rel="stylesheet" href="https://cdn.webix.com/edge/webix.css">
<script src="https://cdn.webix.com/edge/webix.js"></script>
<div id="zoomcharts"></div>
<div id="webix1"></div>
<div id="webix2"></div>

JavaScript

var data = {
      subvalues: [{
        subvalues: [{
          name: "Jan",
          value: 549
        }],
        name: "2015",
        value: 549
      }, {
        subvalues: [{
          name: "Feb",
          value: 292
        }, {
          name: "March",
          value: 4
        }],
        name: "2014",
        value: 296
      }, {
        subvalues: [{
          name: "April",
          value: 204
        }],
        name: "2013",
        value: 204
      }]
    };
    var f = new FacetChart({
      container: document.getElementById("zoomcharts"),
      data: {
        preloaded: data
      },
      series: [{
        data: {
          field: "value"
        }
      }]
    });

var test =
{
 view:"list", 
 id: "list-1",
 container:"webix1",
 template: "#title#",
 select:true,
 drag: true,
 data:[
    { id:"w1-1", title:"Item 1"},
    { id:"w1-2", title:"Item 2"},
    { id:"w1-3", title:"Item 3"}
  ]
};


webix.ui(
{
 view:"list", 
 id: "list-1",
 container:"webix1",
 template: "#title#",
 select:true,
 drag: true,
 data:[
    { id:"w1-1", title:"Item 1"},
    { id:"w1-2", title:"Item 2"},
    { id:"w1-3", title:"Item 3"},
    test
  ]
});