Issue with Clickable Input in Command Component Inside a Dialog

[yashasvi-jain]

I am encountering an issue where an input inside a Popover within the shadcn Command component (cmdk under the hood) does not work when placed inside a Dialog. The input is not clickable, and I am unable to interact with it.

I referred to #2121 and I have set modal={true} on Popover.Root, but the issue persists. It does solve the issue of interacting with the popover itself, but not the input in the popover. Essentially, I am trying to create a Command search component with filters, but the input inside the popover remains unresponsive.

I am guessing the issue might be with @radix-ui/react-dismissable-layer. Here’s an outline of my package versions:

├─┬ @radix-ui/[email protected]
│ └─┬ @radix-ui/[email protected]
│   └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └─┬ @radix-ui/[email protected]
│   └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └─┬ @radix-ui/[email protected]
│   └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └── @radix-ui/[email protected]
├─┬ @radix-ui/[email protected]
│ └── @radix-ui/[email protected]
└─┬ [email protected]
  └─┬ @radix-ui/[email protected]
    └── @radix-ui/[email protected]

Has anyone encountered this issue before? Is there something I might be missing in the configuration?