title: leaflet popup on mouseover removes click event
body: <p>I have a number of points plotted on my map using geoJSON. When you click a point, the map zooms to the point and pulls up some info in another div. When I put a popup on a mouseover event, my click function no longer works. </p>
  
  <p>Here is my click function:</p>
  
  <pre><code>function fillInfo(e) {
          var layer = e.target; 
  
          document.getElementById('infoBox').innerHTML = '&lt;h2&gt;' + layer.feature.properties.name + '&lt;/h2&gt;' + '&lt;h3&gt;' +  layer.feature.properties.address + '&lt;/h3&gt;&lt;/p&gt;'
          }
          //Variable to set zoom level on click
          var southLat = layer.feature.geometry.coordinates[0] + .022438;
          var southLong = layer.feature.geometry.coordinates[1] - .003235;
  
          var northLat = layer.feature.geometry.coordinates[0] - .022438;
          var northLong = layer.feature.geometry.coordinates[1] + .003235;
  
          map.fitBounds([[southLong, southLat], [northLong, northLat]]);
  
  
      }​
  </code></pre>
  
  <p>Here is my mouseover function:</p>
  
  <pre><code>        function highlightFeature(e) {
          var layer = e.target; 
  
          layer.bindPopup(layer.feature.properties.name)
              .openPopup();
  
  
          layer.setStyle({
              weight: 5,
              color: '#666',
              dashArray: '',
              fillOpacity: 0.7
          });
  
  
  
          if (!L.Browser.ie &amp;&amp; !L.Browser.opera) {
              layer.bringToFront();
          }
  
      }
  </code></pre>
  
  <p>And here I call them:</p>
  
  <pre><code>    function onEachFeature(feature, layer) {
          layer.on({
              click: fillInfo,
              mouseover: highlightFeature,
              mouseout: resetHighlight
          });
      }
  </code></pre>
  
  <p>This gets the popup working fine on rollover, but the point no longer responds to the click event.</p>