Render Popover Content inside specific HTML element

[riccardolardi]

Hi all. I'm trying to render the Popover HTML inside a specific element using Popover.Portal

<Popover>
  <PopoverTrigger asChild>
    <div>My Trigger</div>
  </PopoverTrigger>
  <PopoverPortal container={document.getElementById('my-element')}>
    <PopoverContent asChild>
      <div>Some content</div>
    </PopoverContent>
  </PopoverPortal>
</Popover>

It doesn't seem to work since it always renders on top level inside body so the Portal doesn't seem to have any effect. What am I doing wrong? (Using shadcn)

[riccardolardi]

Nevermind, I was referencing an unexistant node. It works as expected, thanks a lot