title: Close popup in leaflet
body: <p>I have a code which renders a popup to a marker using <code>leaflet</code> and it's as follows.</p>
  <pre><code>const lat = e.latlng.lat;
     if ($('#lmap').css(&quot;cursor&quot;) === 'crosshair') {
        const note = `&lt;div&gt;popup&lt;div&gt;`;
        const newMarker = new L.marker(e.latlng,{draggable:true}).addTo(lmap);
        if (!(note === &quot;&quot;)) {
           newMarker.bindPopup(note, {closeOnClick: false, autoClose: false, closeButton: true}).openPopup();
        }
     }
  </code></pre>
  <p>Here</p>
  <pre><code>closeButton: true 
  </code></pre>
  <p>is used to render a close button in my popup. But the problem is popup closes when i click on the marker also. How can i prevent closing of the popup when clicking on the marker and just to close it when clicking on the close button in the popup.</p>