[bug]: Popover Content not working within the use of Dialog Content

[kaustubh2525]

Describe the bug

1. I have an issue where i have a link which has longer text and i needed to open them separately in dialog and showing them.
2. Now when i added Popover and all of its related components with className of (truncate) on PopoverTrigger such that when i click on that truncated line the Popover opens and i can select and copy the whole link from there but, now the issue is that i can't click on any content on the Popover Content.

Affected component/components

PopoverContent

How to reproduce

<Dialog>
   <DialogTrigger>Some</DialogTrigger>
   <DialogContent>
    <Popover modal>
          <PopoverTrigger className="w-40 truncate hover:text-muted-foreground/90">
             // Supposed to be link that is truncated
            lorem50 can be used for demo
          </PopoverTrigger>
          <PopoverContent align="start">
             // Supposed to be the whole link
            lorem50 can be used for demo
          </PopoverContent>
        </Popover>
   </DialogContent>
</Dialog>

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

Google Chrome, Windows

Before submitting

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

[kmhalvin]

This bug also occurred in my app, fixed it by updating these dependencies to the latest version.

"@radix-ui/react-dialog": "^1.1.4",
"@radix-ui/react-popover": "^1.1.4",

[54sword]

I encountered the same issue, and then I updated all of radix-ui/*, and it started working properly.

[54sword]

I encountered the same issue, and then I updated all of radix-ui/*, and it started working properly.

[kaustubh2525]

@kmhalvin @54sword Thanks for the feedback, it indeed corrected that bug that caused! My issue has been resolved but i am just curious why did that occured in the first place if anyone can explain in short that would be helpful.