title: Leaflet.Editable: Prevent drawing when clicked on map control
body: <p>I am using Leaflet.Editable for drawing polygon, which is automatically activated after a map is loaded. New vertex is drawn when I click on the home button (added via Leaflet.EasyButton) or any other added controls except the default zoom control. So how to prevent drawing when leaflet control clicked?</p>
  <pre><code>map = new L.Map('mapa', {
          maxBounds: extent,
          minZoom: 12,
          touchZoom: true,
          tap: false,
          editable:true,
          attributionControl:true,
          zoomControl: true
          });
  
  L.easyButton('fa-home',function(btn,map){
        map.setView(initialCenter,initialZoom);
      },'Domů').addTo(map);
  
  var overviewMap = L.control({position: 'bottomleft'});
      var divOverviewMap;
      overviewMap.onAdd = function (map) {
          divOverviewMap = L.DomUtil.create('div', 'prehledka');
          return divOverviewMap;
      };
  
      overviewMap.addTo(map);
  var prehledkaButton=L.control({position: 'bottomleft'});
      prehledkaButton.onAdd = function (prehledkaMap) {
          divOverviewMapButton = L.DomUtil.create('div', 'prehledkaButton');
          divOverviewMapButton.innerHTML='&lt;img src=&quot;toggle.png&quot; class=&quot;toggleButton&quot;&gt;';
          $(divOverviewMapButton).attr('title','Skrýt přehledku...');
          return divOverviewMapButton;
      };
      prehledkaButton.addTo(prehledkaMap);
  
  newFeature_polygon=map.editTools.startPolygon();
  </code></pre>