[Select] Document scrolls due to hidden `<select>` element in forms with constrained layouts

[giancarlo88]

Bug report

Current Behavior

When Radix's Select is used in a <form> with a constrained layout (i.e. nested flex containers with height: 100dvh), Radix positions the native hidden <select> element low enough on the page that it causes the page to extend past its normal scrollable area.

Video demo:

Screen.Recording.2026-05-12.at.15.50.11.mov

Expected behavior

The Select wouldn't cause this scroll to occur, regardless of what the configuration is of its containing elements is.

Reproducible example

CodeSandbox example

Note: to reproduce, use a smaller viewport and scroll the preview down.

Suggested solution

Potentially ensuring the wrapper clips the content within it properly; this is something we've had to do as a workaround to avoid the issue.

Additional context

Seems to be partially a combination of it being within a <form> and partially due to min-height: 0 properties

Your environment

Software	Name(s)	Version
Radix Package(s)	radix-select	@1, @2 (in sandbox)
React	18
Browser	Chrome, Safari
Assistive tech	n/a
Node	n/a
npm/yarn/pnpm	yarn
Operating System	MacOS