Leaflet : Boostrap Modal stuck inside the marker PopUp

I'am trying to add "edit" button to my leaflet map popup. When i click that button modal stuck inside popup.How can i fix it ? example

My Code:

        window.addEventListener("map:init", function (event) {
            var map = event.detail.map;
            fetch(dataurl)
                .then(function (resp) {
                    return resp.json();
                })
                .then(function (data) {
                    L.geoJson(data, {
                        icon: myIcon,
                        pointToLayer: function (feature, latlng) {
                            return L.circleMarker(latlng, myIcon);
                        },
                        onEachFeature: function (feature, layer) {

                            var props = feature.properties;
                            var content = `<h3>${props.park_name}</h3><p><b>Lokasyon Adı: </b>${props.location_name}</p>
                            
                          -BOOSTRAP MODAL-`;

                            layer.bindTooltip(String(feature.properties.park_capacity),
                                {
                                    permanent: true,
                                    direction: 'center'
                                }).bindPopup(content);


                        }

                    }).addTo(map);

                });
        });