Bug when removing polyline with empty text from map about leaflet.textpath HOT 4 CLOSED

          ` function addDeleteButtonToPolylinePopup(polyline, shapeData) {
		// Bind a popup to the polyline
		polyline.bindPopup('<button id="delete-btn-' + shapeData.id + '" data-shape-id="' + shapeData.id + '">Delete</button>' +
		 '');
		
		// Add an event listener for the polyline's 'popupopen' event
		polyline.on('popupopen', function (e) {				
			var popup = e.popup;
			
			// Get the delete button element from the popup content
			var deleteBtn = popup.getElement().querySelector('#delete-btn-' + shapeData.id);
			
			// Add click event listener to the delete button
			deleteBtn.addEventListener('click', function (e) {
				e.preventDefault();
				
				var shapeId = deleteBtn.getAttribute('data-shape-id');
				// Call the deleteShape function with the shapeData.id
				deleteShape(shapeId, polyline);
			});
		});
	}`

     ` // Function to delete the shape using AJAX
	function deleteShape(shapeId, polyline) {
	  var postId = window.featureRouteID; // Get the post ID if available		

	  // Send the data to the server via AJAX
	  jQuery.ajax({
	    url: ajaxUrl,
	    type: 'POST',
	    data: {
	      action: 'delete_shape_from_postmeta',
	      shape_id: shapeId,
	      post_id: postId
	    },
	    success: function(response) {
	      // console.log(response); // Optional: Handle the server response
	      // You can perform additional actions after shape deletion if needed
	      map.removeLayer(polyline);
	    },
	    error: function(error) {
	      console.error('Error:', error); // Optional: Handle errors
	    }
	  });
	}`