p-dropdown places the panel in the wrong position

UI Components for Angular
Post Reply
Posts: 5
Joined: 08 Jan 2018, 00:21

22 Feb 2021, 08:41

Hi all,
I thought about writing a github issue, but I'd like to first ask here in order to not spam there in case it's solvable easily.

I'm using Popper to create popup windows, which places the overlays using a CSS `translate3d` operation. This moves also the absolute origin, so it's not anymore on the top left part of the screen, but where the popover starts.

Easy enough, I can use `appendTo="body"` to fix it, and it works, but this breaks a popper feature where clicking outside the popover overlay closes it. As soon as I click the dropdown element, it feels it as a click outside the overlay and closes it, which isn't the expected behaviour.

There are two paths out of this, either I fix the placement of the dropdown panel by making it relative to the element, or I tell popper to ignore clicks outside it, which breaks UX.

Is there any way to change the p-dropdown panel placement beside `appendTo`?
Thanks a lot

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 6 guests