Add some fading-out to warning overlay

[Raruto]

As we can see from the demo page, the gestures handling overlay message disappears too much abruptly (without fading-out) from the map.

It would be great to add some kind of transition for the opacity (from 1 to 0), before removing the .leaflet-gesture-handling-scroll-warning class (which should be responsible for the sudden disappearance of the scroll message).

[neoman666]

Is there already a solution here?

[Raruto]

I made a fork until the problem is solved

[neoman666]

Ok, thanks, it works great. Only the multilingualism does not work. My standard language is German, when I switch my website to English, German is still displayed.

[Raruto]

This happens because the language is automatically set based on browser locale.

You can manually set it one as below:

var map = L.map("map", {
    center: [-25.2702, 134.2798],
    zoom: 3,
    gestureHandling: true,
    gestureHandlingOptions: {
       locale: "en" // override browser locale
    }
});

[neoman666]

But there is a difference between the two versions, ie between your version (fork) and the one on this page. The original version recognizes the language correctly. I used Joomla as a base, there I switch between the languages ​​back and forth. Unfortunately this does not work for your version. Why?

[Raruto]

Since this is a problem related to another project, I suggest you open there a new issue providing a concrete example and all the necessary information.