Merge pull request #8685 from openstreetmap/mapControl-scroll

MapControl scroll

css/80_app.css

@@ -2953,6 +2953,11 @@ img.tag-reference-wiki-image {
     flex-direction: column;
     padding: 5px 0;
     pointer-events: none;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+.map-controls::-webkit-scrollbar {
+    display: none;
 }
 .map-controls:before {
     content: '';

modules/ui/init.js

@@ -201,6 +201,12 @@ export function uiInit(context) {
             .attr('class', 'map-control geolocate-control')
             .call(uiGeolocate(context));
 
+        controls.on('wheel.mapControls', function(d3_event) {
+            if (!d3_event.deltaX) {
+                controls.node().scrollTop += d3_event.deltaY;
+            }
+        });
+
         // Add panes
         // This should happen after map is initialized, as some require surface()
         var panes = overMap