feat: focus on hover if no document selection

bpmn-io · Aug 16, 2022 · 74f184f · 74f184f
1 parent d2cc0e7
commit 74f184f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/lib/core/Canvas.js b/lib/core/Canvas.js
@@ -175,6 +175,12 @@ Canvas.prototype._init = function(config) {
 
   domAttr(svg, 'tabindex', 0);
 
+  eventBus.on('element.hover', function() {
+    if (document.activeElement === document.body) {
+      svg.focus();
+    }
+  });
+
   svgAppend(container, svg);
 
   var viewport = this._viewport = createGroup(svg, 'viewport');

diff --git a/test/spec/features/bendpoints/BendpointsSpec.js b/test/spec/features/bendpoints/BendpointsSpec.js
@@ -586,14 +586,16 @@ describe('features/bendpoints', function() {
 
         var bendpointContainer = domQuery('.djs-bendpoints', layer),
             draggerGfx = bendpoints.getSegmentDragger(1, bendpointContainer),
-            draggerVisual = getVisual(draggerGfx),
-            oldBounds = draggerVisual.getBoundingClientRect();
+            draggerVisual = getVisual(draggerGfx);
 
         // when
         eventBus.fire('element.hover', {
           element: connection,
           gfx: elementRegistry.getGraphics(connection)
         });
+
+        var oldBounds = draggerVisual.getBoundingClientRect();
+
         eventBus.fire('element.mousemove', {
           element: connection,
           originalEvent: canvasEvent({ x: 250, y: 250 })