[Select] Select closes when on-screen keyboard is shown

[georgekaran]

Bug report

Current Behavior

When using a mobile device, showing the on-screen keyboard causes the Select close every time.

WhatsApp.Video.Jan.6.mp4

Expected behavior

It should not close the Select when opening the on-screen keyboard.

Reproducible example

1. On a mobile device go to the sandbox https://codesandbox.io/p/devbox/beautiful-night-sss6gx
2. Open the Select
3. Click on the "Search items" input
4. The Select will instantly close.

Suggested solution

Additional context

After a bit of debugging I've found that the resize event is triggering whenever the on-screen keyboard is shown.

primitives/packages/react/select/src/Select.tsx

Lines 601 to 609 in c31c972

	React.useEffect(() => {
	const close = () => onOpenChange(false);
	window.addEventListener('blur', close);
	window.addEventListener('resize', close);
	return () => {
	window.removeEventListener('blur', close);
	window.removeEventListener('resize', close);
	};
	}, [onOpenChange]);

Your environment

Software	Name(s)	Version
Radix Package(s)	react-select	2.0.0
React	n/a
Browser	Google Chrome	120.0.6099.145
Assistive tech
Node	n/a
npm/yarn	Yarn	1.22.19
Operating System	Android	13