@goplusvn/core 0.1.95 → 0.1.96

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.1.96 — Sửa lỗi Focus Trap khiến ô tìm kiếm Combobox/MultiSelect mất focus khi lồng trong Sheet/Dialog
+
+Khi `Combobox` hoặc `MultiSelect` nằm trong `<Sheet>` (bộ lọc mobile) hoặc `<Dialog>`,
+Radix Dialog's `FocusScope` bắt sự kiện tương tác trên Portal và giật focus ngược lại về trigger,
+khiến ô input tìm kiếm bị blur ngay lập tức và không thể gõ được trên một số thiết bị/trình duyệt.
+
+**Đổi**
+
+- `ui/primitives/combobox.tsx` & `ui/forms/multi-select.tsx` — thêm `onFocusOutside={(e) => e.preventDefault()}`
+  trên `PopoverContent`, ngăn Dialog/Sheet cha cướp focus khỏi ô tìm kiếm; kích hoạt focus trực tiếp vào
+  `searchInputRef` khi mở panel.
+
 ## 0.1.95 — Triệt tiêu Hydration Mismatch trên AvatarFallback của UserDropdown
 
 Trong quá trình Server-Side Rendering (SSR), `useSafeAuthSession()` chưa có phiên đăng nhập

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@goplusvn/core",
   "description": "GoPlusVN Platform Kit - ERP kernel: layout, RBAC, CRUD, multi-tenant, system pages",
-  "version": "0.1.95",
+  "version": "0.1.96",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

package/src/ui/forms/multi-select.tsx

@@ -724,16 +724,11 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
             collisionPadding={8}
             onOpenAutoFocus={(e) => {
               e.preventDefault();
-              // Trên thiết bị cảm ứng / màn hình nhỏ, không ép mở bàn phím ảo để tránh che khuất danh sách
-              const isTouchOrMobile =
-                typeof window !== "undefined" &&
-                ((typeof window.matchMedia === "function" &&
-                  window.matchMedia("(pointer: coarse)").matches) ||
-                  (typeof window.innerWidth === "number" &&
-                    window.innerWidth < 640));
-              if (!isTouchOrMobile) {
-                searchInputRef.current?.focus();
-              }
+              searchInputRef.current?.focus();
+            }}
+            onFocusOutside={(e) => {
+              // Ngăn Dialog / Sheet cha giật focus khỏi ô tìm kiếm của Popover portal
+              e.preventDefault();
             }}
             className="z-[100] flex w-[var(--radix-popover-trigger-width)] min-w-[15rem] max-w-[calc(100vw-1rem)] flex-col overflow-hidden rounded-md border bg-popover/95 p-0 text-popover-foreground shadow-lg shadow-black/5 backdrop-blur-md"
             style={{

package/src/ui/primitives/combobox.tsx

@@ -178,15 +178,11 @@ export function Combobox({
         collisionPadding={8}
         onOpenAutoFocus={(e) => {
           e.preventDefault();
-          // Trên thiết bị cảm ứng / màn hình nhỏ, không ép mở bàn phím ảo để tránh che khuất danh sách
-          const isTouchOrMobile =
-            typeof window !== "undefined" &&
-            ((typeof window.matchMedia === "function" &&
-              window.matchMedia("(pointer: coarse)").matches) ||
-              (typeof window.innerWidth === "number" && window.innerWidth < 640));
-          if (!isTouchOrMobile) {
-            searchInputRef.current?.focus();
-          }
+          searchInputRef.current?.focus();
+        }}
+        onFocusOutside={(e) => {
+          // Ngăn Dialog / Sheet cha giật focus khỏi ô tìm kiếm của Popover portal
+          e.preventDefault();
         }}
         className="z-[100] w-[var(--radix-popover-trigger-width)] min-w-[12rem] max-w-[calc(100vw-1rem)] p-0 flex flex-col overflow-hidden"
         style={{

package/templates/starter-app/package.json

@@ -22,7 +22,7 @@
     "prepare": "husky || true"
   },
   "dependencies": {
-    "@goerp/core": "npm:@goplusvn/core@^0.1.95",
+    "@goerp/core": "npm:@goplusvn/core@^0.1.96",
     "@hookform/resolvers": "3.9.0",
     "@prisma/adapter-pg": "^7.0.0",
     "@prisma/client": "^7.0.0",