@kolkrabbi/kol-theme 0.179.0 → 0.181.0

package/kol-base-tokens.css

@@ -237,3 +237,8 @@
     --kol-ctl-lg: 40px;
   }
 }
+
+/* THE PAGE DOES NOT BOUNCE (OverscrollNone, kol-monitor 2026-10-22): rubber-banding on Safari and iPhone.
+ * Nine apps each carried their own copy; this file is loaded by both `core` and the umbrella, so every
+ * KOL app gets it. `none`, not `-x` — that stopped only the sideways bounce. */
+html { overscroll-behavior: none; }

package/kol-components-molecules.css

@@ -20,8 +20,12 @@
  * sheet and its options intercept nothing. */
 .kol-popover-float {
   /* above the ShellDrawer sheet (z 200) — a Dropdown in the settings drawer
-   * opened BEHIND it (SettingsPanelApproved, 2026-08-27) */
-  z-index: 210;
+   * opened BEHIND it (SettingsPanelApproved, 2026-08-27). A float opened from INSIDE a float sits one
+   * step higher (`--kol-float-depth`, set by PopoverPanel): the inner one's portal mounts first, so at
+   * one z the outer panel covered its own dropdown's list (catalog variants panel, 2026-10-22). The step is
+   * 100, not 1: a chromed panel (`.kol-popover`) sits on the 300 tier, so a nested list at 211 still went
+   * under it (0.180.0 — tested in a chromeless panel only). 100 per level clears every float tier. */
+  z-index: calc(210 + var(--kol-float-depth, 0) * 100);
   /* NEVER WIDER THAN THE WINDOW (the phone pass, 2026-10-02). A panel sizes to its content
    * (`w-max`) and `shift` can only slide it, so one wider than a phone hung off the right edge
    * and — parked off-screen with its reference — still stretched the page 200px sideways. The 8px
@@ -172,7 +176,7 @@
   border-radius: var(--kol-radius-sm);
   box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.4),
               0 2px 6px -2px rgba(0, 0, 0, 0.3);
-  z-index: var(--kol-z-tooltip, 300); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27) */
+  z-index: calc(var(--kol-z-tooltip, 300) + var(--kol-float-depth, 0) * 100); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27); + its nesting depth */
   outline: none;
 }
 
@@ -209,7 +213,7 @@
   line-height: 1;
   white-space: nowrap;
   pointer-events: none;
-  z-index: var(--kol-z-tooltip, 300); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27) */
+  z-index: calc(var(--kol-z-tooltip, 300) + var(--kol-float-depth, 0) * 100); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27); + its nesting depth */
 }
 
 .kol-tooltip-key {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.179.0",
+  "version": "0.181.0",
   "description": "Tokens and base CSS",
   "license": "MIT",
   "type": "module",