@ewc-lib/ewc-popovers 2.0.2-beta → 2.0.3-beta

package/ewc-popover/src/element.js

@@ -14,7 +14,7 @@ export default class Element extends HTMLElement {
 	
 	connectedCallback(ignoreCheck) {
 		if(this.#isInitialized) { return } else { this.#isInitialized=true }
-    this.setAttribute("ewc-version", "2.0.2-beta")		// please always keep in sync with version in package.json
+    this.setAttribute("ewc-version", "2.0.3-beta")		// please always keep in sync with version in package.json
 		if(ignoreCheck || this.childElementCount===2) {
 			// please see also comment in html.js
 

package/ewc-popover-sharing/src/element.js

@@ -67,26 +67,25 @@ export default class Element extends Popover {
     this.shadowRoot.querySelector(".ewc-popover__container").addEventListener(
       "keydown",
       (e) => {
-        handle(
-          "ArrowDown",
-          (e) => e.nextElementSibling,
-          (e) => e.parentNode.firstElementChild,
-        );
-        handle(
-          "ArrowUp",
-          (e) => e.previousElementSibling,
-          (e) => e.parentNode.lastElementChild,
-        );
-
-        function handle(key, direction, direction2) {
-          if (e.key === key) {
-            e.preventDefault();
-            const el = direction(e.target.closest("li"));
-            if (el) {
-              el.focus();
-            } else {
-              direction2(e.target.closest("li")).focus();
-            }
+        if(e.key==="ArrowDown" || (e.key==="Tab" && !e.shiftKey)) {
+          handle(
+            (e) => e.nextElementSibling,
+            (e) => e.parentNode.firstElementChild,
+          );
+        }
+        if(e.key==="ArrowUp" || (e.key==="Tab" && e.shiftKey)) {
+          handle(
+            (e) => e.previousElementSibling,
+            (e) => e.parentNode.lastElementChild,
+          );
+        }
+        function handle(directionNext, wrapTo) {
+          e.preventDefault();
+          const el = directionNext(e.target.closest("li"));
+          if (el) {
+            el.focus();
+          } else {
+            wrapTo(e.target.closest("li")).focus();
           }
         }
       },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@ewc-lib/ewc-popovers",
   "description": "Monorepo for EWCL popover WebComponents",
   "//": "please always keep version in sync with version info in the sourcecode",
-  "version": "2.0.2-beta",
+  "version": "2.0.3-beta",
   "workspaces": [
     "ewc-popover",
     "ewc-popover-sharing"

package/readme.md

@@ -106,4 +106,7 @@ Before the 2 popover components were grouped together into this monorepo, they e
   - adapt tests
 
 - 2.0.2-beta
-  - version info
+  - version info
+
+- 2.0.3-beta
+  - focus wrap for tab key