Keyboard navigation issue when using react-select inside @radix-ui/react-dialog

[sachinverma-policybazaar]

Bug report

Current Behavior

I'm rendering a form inside a Dialog component. This form has a select field, for select I'm using react-select package.
When I try to navigate the form by pressing Tab key, the focus does not move past the select field to the next input element. And on pressing Tab again the focus goes to the first focusable element in the dialog.

Expected behavior

I expected the focus to move to the next focusable element.

Reproducible example

CodeSandbox Template

Additional context

This issue does not exist outside the dialog as shown on the codesandbox.

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-dialog	1.1.2
React	n/a	18.0.0
Browser	Chrome	129.0.6668.90
Assistive tech
Node	n/a	18.17.0
npm/yarn	npm	9.6.7
Operating System	macOS	15.0.1

[snrmwg]

I think they are discussing the same problem on the react-select side: JedWatson/react-select#5882