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.
p-dialog in PrimeNG 11 doesn't drag vertically correctly after a form scroll
-
- Information
-
Who is online
Users browsing this forum: No registered users and 16 guests