more bug fixes

Author: Templarian

src/pg/overlayContextMenu/__examples__/basic/basic.html

@@ -1,6 +1,6 @@
 <div class="example">
   <div part="area" tabindex="0">
-    Right Click Here
+    Right Click or Context Menu Key
   </div>
   <p>Result: <code part="result"></code></p></p>
   <p>input: <code part="input"></code></p></p>

src/pg/overlayContextMenu/__examples__/basic/basic.ts

@@ -27,6 +27,7 @@ export default class XPgOverlayContextMenuBasic extends HTMLElement {
   #value = null;
 
   async #handleContextMenu(e: MouseEvent) {
+    console.log('context');
     e.preventDefault();
     const items = [{
       label: 'Add File',
@@ -54,10 +55,7 @@ export default class XPgOverlayContextMenuBasic extends HTMLElement {
       x: e.clientX,
       y: e.clientY,
       value: this.#value,
-      items,
-      oninput: (value) => {
-        this.$input.textContent = value;
-      }
+      items
     });
     if (result !== undefined) {
       this.#value = result;

src/pg/overlayContextMenu/overlayContextMenu.ts

@@ -8,6 +8,7 @@ import style from './overlayContextMenu.css';
 
 // Only allow a single open context menu
 const stack: PgOverlayContextMenu[] = [];
+const stack2: PgOverlayContextMenu[] = [];
 
 @Component({
   selector: 'pg-overlay-context-menu',
@@ -36,8 +37,10 @@ export default class PgOverlayContextMenu extends PgOverlay {
   }
 
   connectedCallback() {
+    console.log('connected');
     stack.pop()?.close();
     stack.push(this);
+    stack2.push(this);
     this.$menu.addEventListener('select', this.#handleSelect.bind(this));
     this.$overlay.popover = 'auto';
     if (this.source !== null) {
@@ -61,12 +64,16 @@ export default class PgOverlayContextMenu extends PgOverlay {
   #toggle(e: ToggleEvent) {
     if (e.newState === 'closed') {
       this.close();
-      this.source?.focus();
+      console.log('open', stack2.length);
+      if (stack2.length === 0) {
+        this.source?.focus();
+      }
     }
   }
 
   disconnectedCallback() {
-
+    console.log('disconnected');
+    stack2.pop();
   }
 
   #handleSelect(e: any) {