First item in Select doesn't receive focus when Select used within Dialog

[mbosecke]

Bug report

Current Behavior

When a user clicks on a Select that is nested within a Dialog, the first SelectItem does not automatically get focused. This breaks typeahead and the ability to navigate between items using a keyboard.

A Select outside of a dialog works correctly.

In the following gif I first open up a Select outside a dialog and I'm able to successfully use my keyboard to navigate between the items. I then open a Select within a dialog and because it doesn't focus on the first SelectItem I can't navigate between the items with my keyboard.

Expected behavior

When a user clicks on a Select in a Dialog, the first SelectItem should automatically receive focus.

Reproducible example

CodeSandbox Template

Additional context

Possibly related to #3268

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-dialog, @radix-ui/react-select
React	n/a
Browser	Google Chrome
Assistive tech
Node	n/a
npm/yarn
Operating System