Popover not Displaying Correctly in Nested overflow-hidden Div

[Siam456]

I am using HeadlessUI to implement a popover in a nested structure where the popover content is inside a parent div with overflow-hidden applied. However, I am facing an issue where the popover is being clipped by the parent div.

How do I visible the popover over the parent div? Overflow hidden is required in my case and showing full popover is also required obviously. And is there any way to give z-index on the popover panel?