There's no "modal" prop in the Select component

[MESSELMIyahya]

I couldn't make the Select component "non-modal"

[patriciatiffany]

Seconding this. Came across this issue upon noticing the scrollbar shift: https://github.com/radix-ui/primitives/discussions/1586

[LeonLiu2020]

Any solutions? When I click select, the elements inside my sticky header navbar shift because the scrollbar disappears.

[MESSELMIyahya]

@LeonLiu2020 Could you provide a screenshot

[jhawson]

+1. This seems like the same issue (with the same solution) as for DropdownMenu. The inability to set modal=false for Select means that scroll bars always disappear when a Select is active. This might make sense in some contexts, but it can be jarring in others. It would be great to have the option to disable this behavior.

[LeonLiu2020]

+1. This seems like the same issue (with the same solution) as for DropdownMenu. The inability to set modal=false for Select means that scroll bars always disappear when a Select is active. This might make sense in some contexts, but it can be jarring in others. It would be great to have the option to disable this behavior.

DropdownMenu has a Modal prop, so this issue doesn't occur. However, the problem with Select is really annoying. Even in the official example on the Radix UI website (https://www.radix-ui.com/primitives/docs/components/select), the disappearance of the scrollbar causes all elements to shift, which is really strange. I don't understand why it was designed this way. The solutions mentioned in other issues aren't perfect either; the problem still persists.

[MESSELMIyahya]

@LeonLiu2020 @jhawson @patriciatiffany Ariakit is the best alternative for Radix now try it.