Fixes #17129

primefaces · Dec 19, 2024 · 2bf8053 · 2bf8053
1 parent 7c39076
commit 2bf8053
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/primeng/src/calendar/calendar.ts b/packages/primeng/src/calendar/calendar.ts
@@ -27,6 +27,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import {
     absolutePosition,
     addClass,
+    addStyle,
     appendChild,
     blockBodyScroll,
     find,
@@ -3172,6 +3173,10 @@ export class Calendar extends BaseComponent implements OnInit, AfterContentInit,
                 if (!this.inline) {
                     this.overlay = event.element;
                     this.overlay?.setAttribute(this.attributeSelector as string, '');
+
+                    const styles = !this.inline ? { position: 'absolute', top: '0', left: '0' } : undefined;
+                    addStyle(this.overlay, styles);
+
                     this.appendOverlay();
                     this.updateFocus();
                     if (this.autoZIndex) {

diff --git a/packages/primeng/src/datepicker/datepicker.ts b/packages/primeng/src/datepicker/datepicker.ts
@@ -28,6 +28,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import {
     absolutePosition,
     addClass,
+    addStyle,
     appendChild,
     blockBodyScroll,
     find,
@@ -150,7 +151,7 @@ export const DATEPICKER_VALUE_ACCESSOR: any = {
                 #contentWrapper
                 [attr.id]="panelId"
                 [class]="panelStyleClass"
-                [ngStyle]="panelStyle"
+                [style]="panelStyle"
                 [ngClass]="panelClass"
                 [@overlayAnimation]="{
                     value: 'visible',
@@ -3178,6 +3179,10 @@ export class DatePicker extends BaseComponent implements OnInit, AfterContentIni
                 if (!this.inline) {
                     this.overlay = event.element;
                     this.overlay?.setAttribute(this.attributeSelector as string, '');
+
+                    const styles = !this.inline ? { position: 'absolute', top: '0', left: '0' } : undefined;
+                    addStyle(this.overlay, styles);
+
                     this.appendOverlay();
                     this.updateFocus();
                     if (this.autoZIndex) {