p-dialog in PrimeNG 11 doesn't drag vertically correctly after a form scroll

UI Components for Angular
Post Reply
tr7oy
Posts: 2
Joined: 24 Aug 2018, 18:20

15 Jan 2021, 09:24

Angular 11, PrimeNG 11.1, p-dialog component, Avalon theme.

I tested in Chrome, Edge, Firefox.

When using a p-dialog component as a modal popup in a web form in the main window (which is to the right of the sidebar menu), if the form in that window is scrolled down at all, the math that determines the "top" pixel placement of the popup dialog is incorrect. If "keepInViewport" is set to false, dragging in either direction results in an accelerated, positive downward ("top" pixel setting) movement of the popup, quickly removing it from view as the "top" CSS setting will easily be 6000 or 7000 pixels or more.

If "keepInViewport" is set to true (the default setting), trying to drag the popup (again, after a scroll of the form window) results in the popup moving to the bottom of the visible window, unable to be dragged vertically upward again. It stays at the bottom and can only be moved left or right.

This appears to be a serious bug that makes the p-dialog nearly unusable in this situation, from what I can tell.

armand08
Posts: 2
Joined: 18 Sep 2020, 13:37

31 May 2021, 10:30

I have the exact same issue,

Did you find any workaround ?

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 16 guests