diff --git a/packages/components/src/popover/index.js b/packages/components/src/popover/index.js index 6e2c7afdf48f8..c2844c56a51f9 100644 --- a/packages/components/src/popover/index.js +++ b/packages/components/src/popover/index.js @@ -38,15 +38,15 @@ const SLOT_NAME = 'Popover'; * Hook used trigger an event handler once the window is resized or scrolled. * * @param {Function} handler Event handler. - * @param {Object} ignoredScrollalbeRef scroll events inside this element are ignored. + * @param {Object} ignoredScrollableRef scroll events inside this element are ignored. */ -function useThrottledWindowScrollOrResize( handler, ignoredScrollalbeRef ) { +function useThrottledWindowScrollOrResize( handler, ignoredScrollableRef ) { // Refresh anchor rect on resize useEffect( () => { let refreshHandle; const throttledRefresh = ( event ) => { window.cancelAnimationFrame( refreshHandle ); - if ( ignoredScrollalbeRef && event && event.type === 'scroll' && ignoredScrollalbeRef.current.contains( event.target ) ) { + if ( ignoredScrollableRef && event && event.type === 'scroll' && ignoredScrollableRef.current.contains( event.target ) ) { return; } refreshHandle = window.requestAnimationFrame( handler );