fix: #5365, SplitButton: SplitButton popup not closing on escape butt…

…on click (#5366) * fix: #5365, SplitButton: SplitButton popup not closing on escape button click * fix: #5365, SplitButton: SplitButton popup not closing on escape button click * fix: #5365, SplitButton: SplitButton popup not closing on escape button click --------- Co-authored-by: akshayantony55 <[email protected]>
primefaces · Nov 22, 2023 · c87d4fa · c87d4fa
1 parent ea60018
commit c87d4fa
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/components/lib/splitbutton/SplitButton.js b/components/lib/splitbutton/SplitButton.js
@@ -10,6 +10,7 @@ import { DomHandler, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, cla
 import { SplitButtonBase } from './SplitButtonBase';
 import { SplitButtonItem } from './SplitButtonItem';
 import { SplitButtonPanel } from './SplitButtonPanel';
+import { useOnEscapeKey } from '../../lib/hooks/Hooks';
 
 export const SplitButton = React.memo(
     React.forwardRef((inProps, ref) => {
@@ -32,6 +33,7 @@ export const SplitButton = React.memo(
         const { ptm, cx, isUnstyled } = SplitButtonBase.setMetaData(metaData);
 
         useHandleStyle(SplitButtonBase.css.styles, isUnstyled, { name: 'splitbutton' });
+        useOnEscapeKey(overlayRef, overlayVisibleState, () => hide());
 
         const [bindOverlayListener, unbindOverlayListener] = useOverlayListener({
             target: elementRef,