@celestia-island/hikari 0.55.167 → 0.55.168

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.55.167",
+  "version": "0.55.168",
   "private": false,
   "type": "module",
   "description": "Hikari Vue 3 component library — production-grade UI components based on shittim-chest design system",

package/src/components/HkDrawer.scss

@@ -1,6 +1,10 @@
 @use "./scrim-fade" as sf;
 
 .hk-drawer-overlay {
+  /* Overlay-root contract: #hk-overlay-root fences pointer events
+   * (pointer-events: none) — restore them or the drawer's taps pass
+   * through to the page below (2026-10-15 defect). */
+  pointer-events: auto;
   position: fixed;
   inset: 0;
   background: var(--hk-drawer-overlay-bg, rgba(0, 0, 0, 0.45));
@@ -18,6 +22,7 @@
 );
 
 .hk-drawer-panel {
+  pointer-events: auto;
   position: fixed;
   display: flex;
   flex-direction: column;
@@ -264,3 +269,12 @@
     transition: none;
   }
 }
+
+/* ── Overlay-root pointer-events contract ──────────────────────────
+ * #hk-overlay-root fences pointer events (pointer-events: none) and
+ * every teleported layer MUST restore them. This compiled-css guard
+ * makes the restoration a test-visible invariant rather than an
+ * implementation detail (2026-10-15: the mobile drawer painted above
+ * the page but every tap passed through because neither the overlay
+ * nor the panel restored pointer events after the overlay-root
+ * isolation migration). */

package/src/components/HkSelect.scss

@@ -116,6 +116,8 @@
  * anchors narrower than 180px (the floor must lose to the inline style,
  * which can only happen on the same element). */
 .hk-select-popout-host {
+  /* Overlay-root contract: restore pointer events (see HkDrawer). */
+  pointer-events: auto;
   position: fixed;
   min-width: 180px;
 
@@ -280,6 +282,7 @@
 // popover/modal mobile dockings.
 // ------
 .hk-select-sheet-scrim {
+  pointer-events: auto;
   position: fixed;
   inset: 0;
   pointer-events: auto;
@@ -287,6 +290,7 @@
 }
 
 .hk-select-sheet-panel {
+  pointer-events: auto;
   position: fixed;
   left: 0;
   right: 0;
@@ -491,3 +495,7 @@
     transition: none;
   }
 }
+
+/* ── Overlay-root pointer-events contract ──────────────────────────
+ * See HkDrawer.scss's guard note. The popout host, the sheet scrim
+ * and the sheet panel all live inside #hk-overlay-root. */