gbs-add-block 1.0.8 → 1.0.9

package/README.md

@@ -1,4 +1,4 @@
-# GBS Building Blocks 2.0 (v1.0.8)
+# GBS Building Blocks 2.0 (v1.0.9)
 
 Latest and upgraded version of GBS building blocks with headless UI and removed dependencies.
 
@@ -6,7 +6,7 @@ Latest and upgraded version of GBS building blocks with headless UI and removed
 
 For detailed documentation on usage and props, Please visit: [Building Block Documentation v2.0](https://blackmax-designs.gitbook.io/building-block-v2.0)
 
-## What's New 🎉 (Ver 1.0.8)
+## What's New 🎉 (Ver 1.0.9)
 
 - Uploader Enhancement
 - Select Bug Fix

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "React Component Library",
   "type": "module",
   "files": [

package/source/components/select/index.tsx

@@ -23,9 +23,9 @@ import { iconClass, popUp, primary } from "../globalStyle";
 import {
   useSelectState,
   useSelectData,
-  useClickOutside,
   applyScrollbarStyles,
   useKeyboardNavigation,
+  useClickOutside,
 } from "@grampro/headless-helpers";
 
 // Portal Dropdown Component
@@ -43,7 +43,7 @@ const PortalDropdown = ({ targetRef, children, isVisible }: any) => {
       setPosition({
         top: rect.bottom + scrollTop + 4,
         left: rect.left + scrollLeft,
-        width: rect.width, // Match the width of the select button
+        width: rect.width,
       });
     }
   }, [isVisible, targetRef]);
@@ -109,11 +109,15 @@ const Select = forwardRef<SelectHandle, SelectProps>((props, ref) => {
 
   const inputRef = useRef<HTMLInputElement>(null);
   const selectRef = useRef<HTMLDivElement>(null);
-  const buttonRef = useRef<HTMLButtonElement>(null); // Reference for portal positioning
+  const buttonRef = useRef<HTMLButtonElement>(null);
 
-  useClickOutside(selectRef as React.RefObject<HTMLElement>, () =>
-    setShowPopover(false)
-  );
+  useClickOutside(selectRef as React.RefObject<HTMLElement>, (event) => {
+    const portalElement = document.querySelector('[data-select-portal="true"]');
+    if (portalElement && portalElement.contains(event.target as Node)) {
+      return;
+    }
+    setShowPopover(false);
+  });
 
   // Update the handleSelect to accept a SelectItem
   const handleSelect = useCallback(