Focus on the feature when activating feature link

Author: ben-lu-uw

src/mapml/features/feature.js

@@ -78,7 +78,7 @@ export var Feature = L.Path.extend({
           link.visited = true;
           elem.setAttribute("stroke", "#6c00a2");
           elem.classList.add("map-a-visited");
-          M.handleLink(link, leafletLayer);
+          M.handleLink(link, leafletLayer, elem);
         }
       }
     }, this);
@@ -88,7 +88,7 @@ export var Feature = L.Path.extend({
         link.visited = true;
         elem.setAttribute("stroke", "#6c00a2");
         elem.classList.add("map-a-visited");
-        M.handleLink(link, leafletLayer);
+        M.handleLink(link, leafletLayer, elem);
       }
     }, this);
     L.DomEvent.on(elem, 'mouseenter keyup', (e) => {

src/mapml/utils/Util.js

@@ -340,7 +340,7 @@ export var Util = {
     this.push(parseFloat(element));
   },
 
-  handleLink: function (link, leafletLayer) {
+  handleLink: function (link, leafletLayer, elem) {
     let zoomTo, justPan = false, layer, map = leafletLayer._map, opacity;
     if(link.type === "text/html" && link.target !== "_blank"){  // all other target values other than blank behave as _top
       link.target = "_top";
@@ -395,7 +395,7 @@ export var Util = {
     } else if (zoomTo && !link.inPlace && justPan){
       leafletLayer._map.options.mapEl.zoomTo(+zoomTo.lat, +zoomTo.lng, +zoomTo.z);
       if(opacity) layer.opacity = opacity;
-      map.getContainer().focus();
+      elem.focus();
     }
   },