[bug]: Combobox popover within a Dialog does not have correct styling or animation

[jbellmont]

Describe the bug

Hello,

When I open a Combobox, which is a child of a Dialog, the Command menu opens, however the animation nor the border nor hover styling appears on it. It's just a more basic version of it (see screenshot).

Things I've tried:

• Setting modal=true prop in the Dialog and Popover.
• Updating Radix libraries.

My relevant dependencies:

  "dependencies": {
...
    "@radix-ui/react-alert-dialog": "^1.1.4",
    "@radix-ui/react-avatar": "^1.1.1",
    "@radix-ui/react-dialog": "^1.1.4",
    "@radix-ui/react-dropdown-menu": "^2.1.2",
    "@radix-ui/react-label": "^2.1.0",
    "@radix-ui/react-popover": "^1.1.4",
    "@radix-ui/react-radio-group": "^1.2.2",
    "@radix-ui/react-select": "^2.1.4",
    "@radix-ui/react-separator": "^1.1.0",
    "@radix-ui/react-slot": "^1.1.1",
    "@radix-ui/react-tabs": "^1.1.1",
    "@radix-ui/react-toast": "^1.2.4",
    "cmdk": "^1.0.0",
....
  },

Any help would be appreciated.

Affected component/components

Combobox, popover, command

How to reproduce

Render a Dialog component with a Combobox within it.

Codesandbox/StackBlitz link

No response

Logs

System Info

Mac OS 15.2 Sequoia

Chrome Version 131.0.6778.205 (Official Build) (arm64)

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues