maps: use Leaflet.GestureHandling to avoid zooming on map during scroll (#39058)

debian/control

@@ -23,6 +23,7 @@ Depends: ${misc:Depends}, ${python3:Depends},
     python3-requests,
     python3-vobject,
     python3-xstatic-leaflet,
+    python3-xstatic-leaflet-gesturehandling,
     uwsgi,
     uwsgi-plugin-python3
 Recommends: python3-dns,

setup.py

@@ -123,6 +123,7 @@ setup(
             'django-ckeditor<=4.5.3',
             'django-ratelimit<3',
             'XStatic-Leaflet',
+            'XStatic-Leaflet-GestureHandling',
             'pyproj',
         ],
         package_dir = { 'wcs': 'wcs' },

wcs/qommon/http_response.py

@@ -72,7 +72,9 @@ class HTTPResponse(quixote.http_response.HTTPResponse):
                 if script_name == 'qommon.map.js':
                     self.add_javascript(['jquery.js'])
                     self.add_javascript(['../xstatic/leaflet.js'])
+                    self.add_javascript(['../xstatic/leaflet-gesture-handling.min.js'])
                     self.add_css_include('../xstatic/leaflet.css')
+                    self.add_css_include('../xstatic/leaflet-gesture-handling.min.css')
                     self.add_javascript(['leaflet-gps.js'])
                     self.add_javascript(['../../i18n.js'])
                 if script_name == 'qommon.wysiwyg.js':

wcs/qommon/static/js/qommon.map.js

@@ -28,6 +28,8 @@ $(window).on('load', function() {
        map_options.scrollWheelZoom = 'center';
        map_options.doubleClickZoom = 'center';
        map_options.maxBounds = null;
+     } else {
+       map_options.gestureHandling = true;
      }
      var map = L.map($(this).attr('id'), map_options);
      var map_controls_position = $('body').data('map-controls-position') || 'topleft';

wcs/root.py

@@ -195,7 +195,7 @@ class StaticsDirectory(Directory):
         '': ['web', 'qommon', 'django:gadjo', 'django:ckeditor'],
         'xstatic': ['xstatic:jquery', 'xstatic:jquery_ui',
                     'xstatic:font_awesome', 'xstatic:opensans',
-                    'xstatic:leaflet',],
+                    'xstatic:leaflet', 'xstatic:leaflet_gesturehandling'],
     }
 
     @classmethod