@coreui/react 5.8.0 → 5.9.1

package/dist/esm/components/modal/CModal.js

@@ -15,7 +15,6 @@ import Transition from '../../node_modules/react-transition-group/esm/Transition
 const CModal = forwardRef((_a, ref) => {
     var { children, alignment, backdrop = true, className, container, duration = 150, focus = true, fullscreen, keyboard = true, onClose, onClosePrevented, onShow, portal = true, scrollable, size, transition = true, unmountOnClose = true, visible } = _a, rest = __rest(_a, ["children", "alignment", "backdrop", "className", "container", "duration", "focus", "fullscreen", "keyboard", "onClose", "onClosePrevented", "onShow", "portal", "scrollable", "size", "transition", "unmountOnClose", "visible"]);
     const modalRef = useRef(null);
-    const modalContentRef = useRef(null);
     const forkedRef = useForkedRef(ref, modalRef);
     const [_visible, setVisible] = useState(visible);
     const [staticBackdrop, setStaticBackdrop] = useState(false);
@@ -83,16 +82,16 @@ const CModal = forwardRef((_a, ref) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: modalRef, onEnter: onShow, onExit: onClose, unmountOnExit: unmountOnClose, timeout: transition ? duration : 0 }, (state) => (React.createElement(CConditionalPortal, { container: container, portal: portal },
             React.createElement(CModalContext.Provider, { value: contextValues },
-                React.createElement("div", Object.assign({ className: classNames('modal', {
-                        'modal-static': staticBackdrop,
-                        fade: transition,
-                        show: state === 'entered',
-                    }, className), tabIndex: -1 }, (_visible
-                    ? { 'aria-modal': true, role: 'dialog' }
-                    : { 'aria-hidden': 'true' }), { style: Object.assign({}, (state !== 'exited' && { display: 'block' })) }, rest, { ref: forkedRef }),
-                    React.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
-                        React.createElement(CFocusTrap, { active: focus && state === 'entered', restoreFocus: true },
-                            React.createElement(CModalContent, { ref: modalContentRef }, children)))))))),
+                React.createElement(CFocusTrap, { active: focus && state === 'entered' },
+                    React.createElement("div", Object.assign({ className: classNames('modal', {
+                            'modal-static': staticBackdrop,
+                            fade: transition,
+                            show: state === 'entered',
+                        }, className), tabIndex: -1 }, (_visible
+                        ? { 'aria-modal': true, role: 'dialog' }
+                        : { 'aria-hidden': 'true' }), { style: Object.assign({}, (state !== 'exited' && { display: 'block' })) }, rest, { ref: forkedRef }),
+                        React.createElement(CModalDialog, { alignment: alignment, fullscreen: fullscreen, scrollable: scrollable, size: size },
+                            React.createElement(CModalContent, null, children)))))))),
         backdrop && (React.createElement(CConditionalPortal, { container: container, portal: portal },
             React.createElement(CBackdrop, { visible: _visible })))));
 });

package/dist/esm/components/modal/CModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CModal.js","sources":["../../../../src/components/modal/CModal.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"CModal.js","sources":["../../../../src/components/modal/CModal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAgGO,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAoBC,EACD,GAAG,KACD;QAtBF,EACE,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,SAAS,EACT,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,IAAI,EACZ,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,gBAAgB,EAChB,MAAM,EACN,MAAM,GAAG,IAAI,EACb,UAAU,EACV,IAAI,EACJ,UAAU,GAAG,IAAI,EACjB,cAAc,GAAG,IAAI,EACrB,OAAO,EAAA,GAAA,EAER,EADI,IAAI,GAAA,MAAA,CAAA,EAAA,EAnBT,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,SAAA,CAoBC,CADQ;AAIT,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAC7C,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC;IAE7C,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;IAChD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAE3D,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE,QAAQ;QACjB,UAAU;KACX;IAED,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,OAAO,CAAC;AACrB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,SAAS,CAAC,MAAK;QACb,IAAI,QAAQ,EAAE;AACZ,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;QACrD;AAEA,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,kBAAkB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACxD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,YAAA,OAAO,iBAAiB,CAAC,IAAI,CAAC;QAChC;QAEA,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,eAAe,CAAC,MAAK;AACnB,QAAA,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,EAAI;QACpB,UAAU,CAAC,MAAM,iBAAiB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;AACtD,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;;IAGpB,eAAe,CAAC,MAAK;QACnB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YAEzC,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;gBACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK;YAC1C;QACF;aAAO;YACL,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;YAE5C,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;gBAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;YACrD;QACF;AAEA,QAAA,OAAO,MAAK;YACV,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;YAC5C,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;gBAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;YACrD;AACF,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAY,KAAI;AAC1C,QAAA,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE;AACxD,YAAA,aAAa,EAAE;QACjB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;QAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,QAAQ,EAAE;AACtC,YAAA,aAAa,EAAE;QACjB;AACF,IAAA,CAAC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,YAAY,EAAA,IAAA,EACZ,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAA,EAEjC,CAAC,KAAK,MACL,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAA;AACtD,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA;gBAC1C,KAAA,CAAA,aAAA,CAAC,UAAU,IAAC,MAAM,EAAE,KAAK,IAAI,KAAK,KAAK,SAAS,EAAA;AAC9C,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,SAAS,EAAE,UAAU,CACnB,OAAO,EACP;AACE,4BAAA,cAAc,EAAE,cAAc;AAC9B,4BAAA,IAAI,EAAE,UAAU;4BAChB,IAAI,EAAE,KAAK,KAAK,SAAS;yBAC1B,EACD,SAAS,CACV,EACD,QAAQ,EAAE,EAAE,EAAA,GACP;0BACD,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ;0BACpC,EAAE,aAAa,EAAE,MAAM,EAAE,GAAC,EAC9B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACC,KAAK,KAAK,QAAQ,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAC,EAAA,EAE7C,IAAI,EAAA,EACR,GAAG,EAAE,SAAS,EAAA,CAAA;AAEd,wBAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACX,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EAAA;4BAEV,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,EAAE,QAAQ,CAAiB,CAC5B,CACX,CACK,CACU,CACN,CACtB,CACU;QACZ,QAAQ,KACP,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAA;YACtD,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAE,QAAQ,GAAI,CACb,CACtB,CACA;AAEP,CAAC;AAGH,MAAM,CAAC,SAAS,GAAG;IACjB,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC7C,IAAA,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,SAAS,EAAE,SAAS,CAAC,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,KAAK,EAAE,SAAS,CAAC,IAAI;AACrB,IAAA,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC;AAC9B,QAAA,SAAS,CAAC,IAAI;AACd,QAAA,SAAS,CAAC,KAAK,CAAoC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;KACpF,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,gBAAgB,EAAE,SAAS,CAAC,IAAI;IAChC,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,UAAU,EAAE,SAAS,CAAC,IAAI;AAC1B,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACzC,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,cAAc,EAAE,SAAS,CAAC,IAAI;IAC9B,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "5.8.0",
+  "version": "5.9.1",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",
@@ -47,27 +47,27 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.2",
     "@rollup/plugin-typescript": "^12.1.4",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.14",
-    "@types/prop-types": "15.8.05",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
+    "@types/prop-types": "15.7.15",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@types/react-transition-group": "^4.4.12",
     "classnames": "^2.5.1",
-    "cross-env": "^10.0.0",
+    "cross-env": "^10.1.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "rollup": "^4.50.0",
-    "ts-jest": "^29.4.1",
+    "rollup": "^4.52.4",
+    "ts-jest": "^29.4.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "react": ">=17",

package/src/components/dropdown/CDropdown.tsx

@@ -21,7 +21,8 @@ import type { Placements } from '../../types'
 import { getNextActiveElement, isRTL } from '../../utils'
 
 import type { Alignments, Directions } from './types'
-import { getPlacement } from './utils'
+import { getPlacement, getReferenceElement } from './utils'
+import { CFocusTrap } from '../focus-trap'
 
 export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIElement> {
   /**
@@ -160,6 +161,27 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
    */
   portal?: boolean
 
+  /**
+   * Sets the reference element for positioning the React Dropdown Menu.
+   * - `toggle` - The React Dropdown Toggle button (default).
+   * - `parent` - The React Dropdown wrapper element.
+   * - `HTMLElement` - A custom HTML element.
+   * - `React.RefObject` - A custom reference element.
+   *
+   * @example
+   * // Use the parent element as reference for positioning
+   * <CDropdown reference="parent">
+   *   <CDropdownToggle>Toggle dropdown</CDropdownToggle>
+   *   <CDropdownMenu>
+   *     <CDropdownItem>Action</CDropdownItem>
+   *     <CDropdownItem>Another Action</CDropdownItem>
+   *   </CDropdownMenu>
+   * </CDropdown>
+   *
+   * @since 5.9.0
+   */
+  reference?: 'parent' | 'toggle' | HTMLElement | React.RefObject<HTMLElement | null>
+
   /**
    * Defines the visual variant of the React Dropdown
    */
@@ -203,6 +225,7 @@ export const CDropdown: PolymorphicRefForwardingComponent<'div', CDropdownProps>
       popper = true,
       popperConfig,
       portal = false,
+      reference = 'toggle',
       variant = 'btn-group',
       visible = false,
       ...rest
@@ -254,12 +277,20 @@ export const CDropdown: PolymorphicRefForwardingComponent<'div', CDropdownProps>
     }, [visible])
 
     useEffect(() => {
-      const toggleElement = dropdownToggleElement
+      return () => {
+        if (_visible) {
+          handleHide()
+        }
+      }
+    }, [])
+
+    useEffect(() => {
+      const referenceElement = getReferenceElement(reference, dropdownToggleElement, dropdownRef)
       const menuElement = dropdownMenuRef.current
-      if (allowPopperUse && menuElement && toggleElement && _visible) {
-        initPopper(toggleElement, menuElement, computedPopperConfig)
+      if (allowPopperUse && menuElement && referenceElement && _visible) {
+        initPopper(referenceElement, menuElement, computedPopperConfig)
       }
-    }, [dropdownToggleElement])
+    }, [dropdownToggleElement, reference])
 
     useEffect(() => {
       if (pendingKeyDownEvent !== null) {
@@ -271,24 +302,28 @@ export const CDropdown: PolymorphicRefForwardingComponent<'div', CDropdownProps>
     const handleHide = useCallback(() => {
       setVisible(false)
 
-      const toggleElement = dropdownToggleElement
       const menuElement = dropdownMenuRef.current
+      const toggleElement = dropdownToggleElement
 
       if (allowPopperUse) {
         destroyPopper()
       }
 
-      toggleElement?.removeEventListener('keydown', handleKeydown)
       menuElement?.removeEventListener('keydown', handleKeydown)
+      toggleElement?.removeEventListener('keydown', handleKeydown)
 
-      window.removeEventListener('mouseup', handleMouseUp)
+      window.removeEventListener('click', handleClick)
       window.removeEventListener('keyup', handleKeyup)
 
       onHide?.()
-    }, [dropdownToggleElement, allowPopperUse, destroyPopper, onHide])
+    }, [allowPopperUse, dropdownToggleElement, destroyPopper, onHide])
 
     const handleKeydown = useCallback((event: KeyboardEvent) => {
-      if (dropdownMenuRef.current && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+      if (!dropdownMenuRef.current) {
+        return
+      }
+
+      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
         event.preventDefault()
         const target = event.target as HTMLElement
         const items = [
@@ -311,28 +346,40 @@ export const CDropdown: PolymorphicRefForwardingComponent<'div', CDropdownProps>
           dropdownToggleElement?.focus()
         }
       },
-      [autoClose, handleHide]
+      [autoClose, dropdownToggleElement, handleHide]
     )
 
-    const handleMouseUp = useCallback(
-      (event: Event) => {
+    const handleClick = useCallback(
+      (event: MouseEvent) => {
         if (!dropdownToggleElement || !dropdownMenuRef.current) {
           return
         }
 
-        if (dropdownToggleElement.contains(event.target as HTMLElement)) {
+        if ((event as MouseEvent).button === 2) {
+          return
+        }
+
+        const composedPath = event.composedPath()
+        const isOnToggle = composedPath.includes(dropdownToggleElement)
+        const isOnMenu = composedPath.includes(dropdownMenuRef.current)
+
+        if (isOnToggle) {
+          return
+        }
+
+        const target = event.target as HTMLElement | null
+        const FORM_TAG_RE = /^(input|select|option|textarea|form|button|label)$/i
+
+        if (isOnMenu && target && FORM_TAG_RE.test(target.tagName)) {
           return
         }
 
         if (
           autoClose === true ||
-          (autoClose === 'inside' &&
-            dropdownMenuRef.current.contains(event.target as HTMLElement)) ||
-          (autoClose === 'outside' &&
-            !dropdownMenuRef.current.contains(event.target as HTMLElement))
+          (autoClose === 'inside' && isOnMenu) ||
+          (autoClose === 'outside' && !isOnMenu)
         ) {
-          setTimeout(() => handleHide(), 1)
-          return
+          handleHide()
         }
       },
       [autoClose, dropdownToggleElement, handleHide]
@@ -340,21 +387,22 @@ export const CDropdown: PolymorphicRefForwardingComponent<'div', CDropdownProps>
 
     const handleShow = useCallback(
       (event?: KeyboardEvent) => {
-        const toggleElement = dropdownToggleElement
         const menuElement = dropdownMenuRef.current
+        const referenceElement = getReferenceElement(reference, dropdownToggleElement, dropdownRef)
+        const toggleElement = dropdownToggleElement
 
-        if (toggleElement && menuElement) {
+        if (menuElement && referenceElement && toggleElement) {
           setVisible(true)
 
           if (allowPopperUse) {
-            initPopper(toggleElement, menuElement, computedPopperConfig)
+            initPopper(referenceElement, menuElement, computedPopperConfig)
           }
 
           toggleElement.focus()
           toggleElement.addEventListener('keydown', handleKeydown)
           menuElement.addEventListener('keydown', handleKeydown)
 
-          window.addEventListener('mouseup', handleMouseUp)
+          window.addEventListener('click', handleClick)
           window.addEventListener('keyup', handleKeyup)
 
           if (event && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
@@ -365,53 +413,71 @@ export const CDropdown: PolymorphicRefForwardingComponent<'div', CDropdownProps>
         }
       },
       [
-        dropdownToggleElement,
         allowPopperUse,
-        initPopper,
         computedPopperConfig,
+        dropdownToggleElement,
+        reference,
+        handleClick,
         handleKeydown,
-        handleMouseUp,
         handleKeyup,
+        initPopper,
         onShow,
       ]
     )
 
-    const contextValues = {
-      alignment,
-      container,
-      dark,
-      dropdownMenuRef,
-      dropdownToggleRef,
-      handleHide,
-      handleShow,
-      popper: allowPopperUse,
-      portal,
-      variant,
-      visible: _visible,
-    }
+    const contextValues = useMemo(
+      () => ({
+        alignment,
+        container,
+        dark,
+        dropdownMenuRef,
+        dropdownToggleRef,
+        handleHide,
+        handleShow,
+        popper: allowPopperUse,
+        portal,
+        variant,
+        visible: _visible,
+      }),
+      [
+        alignment,
+        container,
+        dark,
+        dropdownMenuRef,
+        dropdownToggleRef,
+        handleHide,
+        handleShow,
+        allowPopperUse,
+        portal,
+        variant,
+        _visible,
+      ]
+    )
 
     return (
       <CDropdownContext.Provider value={contextValues}>
-        {variant === 'input-group' ? (
-          <>{children}</>
-        ) : (
-          <Component
-            className={classNames(
-              variant === 'nav-item' ? 'nav-item dropdown' : variant,
-              {
-                'dropdown-center': direction === 'center',
-                'dropup dropup-center': direction === 'dropup-center',
-                [`${direction}`]:
-                  direction && direction !== 'center' && direction !== 'dropup-center',
-              },
-              className
-            )}
-            {...rest}
-            ref={forkedRef}
-          >
-            {children}
-          </Component>
-        )}
+        <CFocusTrap active={portal && _visible} additionalContainer={dropdownMenuRef} restoreFocus>
+          {variant === 'input-group' ? (
+            <>{children}</>
+          ) : (
+            <Component
+              className={classNames(
+                variant === 'nav-item' ? 'nav-item dropdown' : variant,
+                {
+                  'dropdown-center': direction === 'center',
+                  'dropup dropup-center': direction === 'dropup-center',
+                  [`${direction}`]:
+                    direction && direction !== 'center' && direction !== 'dropup-center',
+                },
+                className
+              )}
+              {...rest}
+              ref={forkedRef}
+            >
+              {children}
+            </Component>
+          )}
+        </CFocusTrap>
       </CDropdownContext.Provider>
     )
   }

package/src/components/dropdown/CDropdownHeader.tsx

@@ -9,6 +9,7 @@ export interface CDropdownHeaderProps extends HTMLAttributes<HTMLHeadingElement>
    * Component used for the root node. Either a string to use a HTML element or a component.
    */
   as?: ElementType
+
   /**
    * A string of all className you want applied to the component.
    */

package/src/components/dropdown/CDropdownItemPlain.tsx

@@ -9,6 +9,7 @@ export interface CDropdownItemPlainProps extends HTMLAttributes<HTMLSpanElement>
    * Component used for the root node. Either a string to use a HTML element or a component.
    */
   as?: ElementType
+
   /**
    * A string of all className you want applied to the component.
    */

package/src/components/dropdown/CDropdownMenu.tsx

@@ -15,6 +15,7 @@ export interface CDropdownMenuProps extends HTMLAttributes<HTMLDivElement | HTML
    * Component used for the root node. Either a string to use a HTML element or a component.
    */
   as?: ElementType
+
   /**
    * A string of all className you want applied to the base component.
    */

package/src/components/dropdown/CDropdownToggle.tsx

@@ -13,10 +13,12 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
    * Enables pseudo element caret on toggler.
    */
   caret?: boolean
+
   /**
    * Create a custom toggler which accepts any content.
    */
   custom?: boolean
+
   /**
    * If a dropdown `variant` is set to `nav-item` then render the toggler as a
    * link instead of a button.
@@ -24,12 +26,22 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
    * @since 5.0.0
    */
   navLink?: boolean
+
   /**
    * Similarly, create split button dropdowns with virtually the same markup as
    * single button dropdowns, but with the addition of `.dropdown-toggle-split`
    * className for proper spacing around the dropdown caret.
    */
   split?: boolean
+
+  /**
+   * Screen reader label for split button dropdown toggle.
+   *
+   * @default 'Toggle Dropdown'
+   * @since 5.9.0
+   */
+  splitLabel?: string
+
   /**
    * Sets which event handlers you'd like provided to your toggle prop. You can
    * specify one trigger or an array of them.
@@ -46,6 +58,7 @@ export const CDropdownToggle: FC<CDropdownToggleProps> = ({
   className,
   navLink = true,
   split,
+  splitLabel = 'Toggle Dropdown',
   trigger = 'click',
   ...rest
 }) => {
@@ -113,7 +126,7 @@ export const CDropdownToggle: FC<CDropdownToggleProps> = ({
   return (
     <CButton {...togglerProps} tabIndex={0} {...rest} ref={dropdownToggleRef}>
       {children}
-      {split && <span className="visually-hidden">Toggle Dropdown</span>}
+      {split && <span className="visually-hidden">{splitLabel}</span>}
     </CButton>
   )
 }
@@ -124,6 +137,7 @@ CDropdownToggle.propTypes = {
   className: PropTypes.string,
   custom: PropTypes.bool,
   split: PropTypes.bool,
+  splitLabel: PropTypes.string,
   trigger: triggerPropType,
 }
 

package/src/components/dropdown/utils.ts

@@ -1,3 +1,4 @@
+import React from 'react'
 import type { Placement } from '@popperjs/core'
 import type { Placements } from '../../types'
 import type { Alignments, Breakpoints } from './types'
@@ -49,3 +50,23 @@ export const getPlacement = (
 
   return _placement
 }
+
+export const getReferenceElement = (
+  reference: 'parent' | 'toggle' | React.RefObject<HTMLElement | null> | HTMLElement,
+  dropdownToggleElement: HTMLElement | null,
+  dropdownRef: React.RefObject<HTMLElement | null>
+): HTMLElement | null => {
+  if (reference === 'parent') {
+    return dropdownRef.current
+  }
+
+  if (reference instanceof HTMLElement) {
+    return reference
+  }
+
+  if (reference instanceof Object && 'current' in reference) {
+    return reference.current
+  }
+
+  return dropdownToggleElement
+}

package/src/components/focus-trap/CFocusTrap.tsx

@@ -1,5 +1,5 @@
 import React, { FC, ReactElement, cloneElement, useEffect, useRef } from 'react'
-import { mergeRefs, focusableChildren } from './utils'
+import { mergeRefs, focusableChildren, getChildRef } from './utils'
 
 export interface CFocusTrapProps {
   /**
@@ -146,7 +146,10 @@ export const CFocusTrap: FC<CFocusTrapProps> = ({
 
       if (elements.length === 0) {
         container.focus({ preventScroll: true })
-      } else if (lastTabNavDirectionRef.current === 'backward') {
+        return
+      }
+
+      if (lastTabNavDirectionRef.current === 'backward') {
         elements.at(-1)?.focus({ preventScroll: true })
       } else {
         elements[0].focus({ preventScroll: true })
@@ -161,12 +164,8 @@ export const CFocusTrap: FC<CFocusTrapProps> = ({
       tabEventSourceRef.current = container
       lastTabNavDirectionRef.current = event.shiftKey ? 'backward' : 'forward'
 
-      if (!_additionalContainer) {
-        return
-      }
-
       const containerElements = focusableChildren(container)
-      const additionalElements = focusableChildren(_additionalContainer)
+      const additionalElements = _additionalContainer ? focusableChildren(_additionalContainer) : []
 
       if (containerElements.length === 0 && additionalElements.length === 0) {
         // No focusable elements, prevent tab
@@ -174,7 +173,28 @@ export const CFocusTrap: FC<CFocusTrapProps> = ({
         return
       }
 
+      const focusableElements = [...containerElements, ...additionalElements]
+
+      const firstFocusableElement = focusableElements[0] as HTMLElement
+      const lastFocusableElement = focusableElements.at(-1) as HTMLElement
       const activeElement = document.activeElement as HTMLElement
+
+      if (event.shiftKey && activeElement === firstFocusableElement) {
+        event.preventDefault()
+        lastFocusableElement.focus()
+        return
+      }
+
+      if (!event.shiftKey && activeElement === lastFocusableElement) {
+        event.preventDefault()
+        firstFocusableElement.focus()
+        return
+      }
+
+      if (!_additionalContainer) {
+        return
+      }
+
       const isInContainer = containerElements.includes(activeElement)
       const isInAdditional = additionalElements.includes(activeElement)
 
@@ -245,7 +265,12 @@ export const CFocusTrap: FC<CFocusTrapProps> = ({
 
   // Attach our ref to the ONLY child — no extra wrappers
   const onlyChild = React.Children.only(children)
-  const childRef = (onlyChild as React.ReactElement & { ref?: React.Ref<HTMLElement> }).ref
+
+  // Handle different ref access patterns between React versions
+  // React 19+: ref is accessed via element.props.ref
+  // React 18 and earlier: ref is accessed via element.ref
+  const childRef: React.Ref<HTMLElement> | undefined = getChildRef(onlyChild)
+
   const mergedRef = mergeRefs(childRef, (node: HTMLElement | null) => {
     containerRef.current = node
   })

package/src/components/focus-trap/utils.ts

@@ -23,6 +23,30 @@ export const focusableChildren = (element: HTMLElement): HTMLElement[] => {
   return elements.filter((el) => !isDisabled(el) && isVisible(el))
 }
 
+/**
+ * Extracts the ref from a React element, handling version differences between React 18 and 19+.
+ *
+ * In React 18 and earlier, refs are stored directly on the element object.
+ * In React 19+, refs are stored in the element's props object due to changes in React's internals.
+ * This function automatically detects the React version and uses the appropriate access pattern.
+ * @param child - The React element to extract the ref from
+ * @returns The ref attached to the element, or undefined if no ref is present
+ */
+export const getChildRef = (child: React.ReactElement): React.Ref<HTMLElement> | undefined => {
+  const major = Number(React.version?.split?.('.')[0] ?? 18)
+  // React 18 stores ref directly on the element
+  if (major <= 18 && 'ref' in child && child.ref !== undefined) {
+    return (child as React.ReactElement & { ref?: React.Ref<HTMLElement> }).ref
+  }
+
+  // React 19 stores ref in props
+  if (child.props && typeof child.props === 'object' && 'ref' in child.props) {
+    return (child.props as { ref?: React.Ref<HTMLElement> }).ref
+  }
+
+  return undefined
+}
+
 /**
  * Checks if an element is disabled.
  * Considers various ways an element can be disabled including CSS classes and attributes.
@@ -56,12 +80,6 @@ export const isElement = (object: unknown): object is Element => {
     return false
   }
 
-  // Handle jQuery objects
-  if ('jquery' in object && object.jquery !== undefined) {
-    const jQueryObject = object as { [key: number]: Element }
-    return isElement(jQueryObject[0])
-  }
-
   return 'nodeType' in object && typeof object.nodeType === 'number'
 }