Data-toggle tab does not download Leaflet map

Question

I am using tabs to display clear content, but one of them stopped downloading well since it is in the data-toggle tab. It is a Leaflet map. Here is the code :

---

Answer 1

First, thank you @ghybs for your good explanation on why the Leaflet maps are not shown properly in these cases.

For those who tried unsuccessfully the @ghybs's answer, you should try to resize your browser instead of calling a method of the map object :

window.dispatchEvent(new Event('resize'));

That fix worked for me, and it should work in every cases.