django - Popup does not open when clicking on marker safari

Question

I am showing position from django model like marker with popup:

my view file

<script>
        const MAP_KEY = "{{ MAP_KEY }}";
        const added_place_json = JSON.parse('{{ added_place_json | escapejs}}');
</script>

my js file

for (const place of added_place_json){
L.marker([place.fields.lat, place.fields.long]).bindPopup(
    `<div class="card" style="width: 15rem;">
` +
    ` <h6 class="card-header">Name place:<br>${place.fields.name}</h6>
` +
    `  <div class="card-body">
` +
    `    <p class="card-text" style="overflow: scroll">Place comment:<br>${place.fields.comment}</p>
` +
    `  </div>
` +
    `</div>`
).addTo(map)

};

This works well on google chrome, but it doesn't work on safari. When I click on the marker in safari nothing happens

Answer 1

This is a bug of Leaflet 1.7.1, see Leaflet #7255

In the newest master version of leaflet it is working, see Issue Comment

So I recommand to change your leaflet-src from the Leaflet Release 1.7.1 to the master branch on Github