@danxbot/ui 20.17.0 → 20.17.1

package/dist/index.js

@@ -43771,9 +43771,20 @@ class GG {
       this.containers.get(t.id) === t && this.containers.delete(t.id);
     };
   }
-  /** Registered order, used by keyboard container stepping. */
+  /**
+   * Document order, used by keyboard container stepping.
+   *
+   * DX-4590: NOT registration order. A container re-registers whenever its
+   * `total`, `offset` or `axis` changes (a delete + re-add, which moves it to the
+   * end of the Map), and a lane or toggle that mounts later registers later, so
+   * registration order drifts away from the screen and ArrowLeft/Right skip lanes
+   * or reach them out of order. Document order is what the user sees.
+   */
   containerIds() {
-    return [...this.containers.keys()];
+    return [...this.containers.values()].sort((t, n) => {
+      const r = t.element.compareDocumentPosition(n.element);
+      return r & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    }).map((t) => t.id);
   }
   /* --- Layout ------------------------------------------------------------ */
   /**