It is need to know when menu will be rendered and had position

[Viktor-the-great]

first of all sorry for my english

Input field is inside menu (Dropdown.Menu). There is a lot of text in front of the input field. Set focus on input field when menu is mounted. Menu has not yet received a position, so the page is scroll to the beginning (menu is hidden and is at the very top of the page).

I am now using timeout to fix it.
In demo scroll to bottom. There are two input button to open dropdown. Page scrolls up when first button is pressed. Second button use setTimeout to wait when menu get position.

I suggest using onCreate, onUpdate of Popper.js to solve this problem, and for this to pass these functions to the constructor (usePopper hook)

[taion]

Pass in popperConfig to set detailed Popper options

[Viktor-the-great]

Pass in popperConfig to set detailed Popper options

I see only popperConfig.modifiers

react-overlays/src/DropdownMenu.js

Lines 42 to 55 in 3db0db2

	const popper = usePopper(toggleElement, menuElement, {
	placement,
	enabled: !!(shouldUsePopper && show),
	eventsEnabled: !!show,
	modifiers: {
	flip: { enabled: !!flip },
	arrow: {
	...(popperConfig.modifiers && popperConfig.modifiers.arrow),
	enabled: !!arrowElement,
	element: arrowElement,
	},
	...popperConfig.modifiers,
	},
	});

PopperJS accept:

[taion]

ah, okay. this should spread in ...popperConfig as with <Overlay> then. can you send in a PR?

[Viktor-the-great]

yes I can

[taion]

thanks!