diff --git a/src/DropdownMenu.js b/src/DropdownMenu.js index ae98e2e5..8c2dfbe4 100644 --- a/src/DropdownMenu.js +++ b/src/DropdownMenu.js @@ -42,6 +42,7 @@ export function useDropdownMenu(options = {}) { const modifiers = toModifierMap(popperConfig.modifiers); const popper = usePopper(toggleElement, menuElement, { + ...popperConfig, placement, enabled: !!(shouldUsePopper && show), modifiers: { diff --git a/src/usePopper.js b/src/usePopper.js index 04974ccd..cb4f27e4 100644 --- a/src/usePopper.js +++ b/src/usePopper.js @@ -64,6 +64,8 @@ export function toModifierArray(map) { * @param {String} options.placement The popper element placement relative to the reference element * @param {Boolean} options.positionFixed use fixed positioning * @param {Boolean} options.eventsEnabled have Popper listen on window resize events to reposition the element + * @param {Function} options.onCreate called when the popper is created + * @param {Function} options.onUpdate called when the popper is updated */ export default function usePopper( referenceElement, @@ -74,6 +76,7 @@ export default function usePopper( strategy = 'absolute', eventsEnabled = true, modifiers: userModifiers, + ...popperOptions } = {}, ) { const popperInstanceRef = useRef(); @@ -152,6 +155,7 @@ export default function usePopper( } popperInstanceRef.current = createPopper(referenceElement, popperElement, { + ...popperOptions, placement, strategy, modifiers: [...modifiers, updateModifier],