@vaadin/overlay 24.2.3 → 24.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/overlay",
-  "version": "24.2.3",
+  "version": "24.2.4",
   "publishConfig": {
     "access": "public"
   },
@@ -38,11 +38,11 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "~24.2.3",
-    "@vaadin/component-base": "~24.2.3",
-    "@vaadin/vaadin-lumo-styles": "~24.2.3",
-    "@vaadin/vaadin-material-styles": "~24.2.3",
-    "@vaadin/vaadin-themable-mixin": "~24.2.3"
+    "@vaadin/a11y-base": "~24.2.4",
+    "@vaadin/component-base": "~24.2.4",
+    "@vaadin/vaadin-lumo-styles": "~24.2.4",
+    "@vaadin/vaadin-material-styles": "~24.2.4",
+    "@vaadin/vaadin-themable-mixin": "~24.2.4"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
@@ -50,5 +50,5 @@
     "lit": "^2.0.0",
     "sinon": "^13.0.2"
   },
-  "gitHead": "72e557e765e72559e9c6a525e257d185ad186dc5"
+  "gitHead": "885416de13069b7409ac90c1b323a58ac87da6ce"
 }

package/src/vaadin-overlay-mixin.js

@@ -4,6 +4,7 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { afterNextRender } from '@polymer/polymer/lib/utils/render-status.js';
+import { getClosestFocusable } from '@vaadin/a11y-base/src/focus-utils.js';
 import { isIOS } from '@vaadin/component-base/src/browser-utils.js';
 import { OverlayFocusMixin } from './vaadin-overlay-focus-mixin.js';
 import { OverlayStackMixin } from './vaadin-overlay-stack-mixin.js';
@@ -118,6 +119,10 @@ export const OverlayMixin = (superClass) =>
       // and <vaadin-context-menu>).
       this.addEventListener('click', () => {});
       this.$.backdrop.addEventListener('click', () => {});
+
+      this.addEventListener('mousedown', (e) => {
+        this._onMouseDown(e);
+      });
     }
 
     /** @protected */
@@ -469,4 +474,14 @@ export const OverlayMixin = (superClass) =>
         }
       }
     }
+
+    /** @private */
+    _onMouseDown(event) {
+      const target = event.target;
+      const focusable = getClosestFocusable(target.focusElement || target);
+      if (focusable) {
+        event.preventDefault();
+        focusable.focus();
+      }
+    }
   };