@porsche-design-system/components-angular 4.2.0-rc.4 → 4.2.0-rc.5

package/CHANGELOG.md

@@ -14,6 +14,23 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [4.2.0-rc.5] - 2026-06-12
+
+### Added
+
+- `Flyout`: Prop `fullscreen` to stretch the flyout to the full viewport width with squared corners, useful for smaller
+  viewports ([#4498](https://github.com/porsche-design-system/porsche-design-system/pull/4498))
+
+### Fixed
+
+- `Flyout`, `Modal`, `Sheet` ([#4498](https://github.com/porsche-design-system/porsche-design-system/pull/4498)):
+  - Nested dialog elements no longer cause rendering issues in Chromium
+  - Keep the dialog element on the `#top-layer` during the fade-out animation in Safari and Firefox, so closing
+    (especially nested) dialogs no longer drop behind surrounding content
+- `Banner`: Keep the popover on the `#top-layer` during the fade-out animation in Safari and Firefox, so it no longer
+  drops behind surrounding content while closing
+  ([#4498](https://github.com/porsche-design-system/porsche-design-system/pull/4498))
+
 ## [4.2.0-rc.4] - 2026-06-10
 
 ### Fixed

package/fesm2022/porsche-design-system-components-angular.mjs

@@ -454,20 +454,21 @@ class PFlyout extends BaseComponent {
     background;
     disableBackdropClick;
     footerBehavior;
+    fullscreen;
     open;
     position;
     dismiss = new EventEmitter();
     motionHiddenEnd = new EventEmitter();
     motionVisibleEnd = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PFlyout, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: PFlyout, isStandalone: false, selector: "p-flyout,[p-flyout]", inputs: { aria: "aria", backdrop: "backdrop", background: "background", disableBackdropClick: "disableBackdropClick", footerBehavior: "footerBehavior", open: "open", position: "position" }, outputs: { dismiss: "dismiss", motionHiddenEnd: "motionHiddenEnd", motionVisibleEnd: "motionVisibleEnd" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: PFlyout, isStandalone: false, selector: "p-flyout,[p-flyout]", inputs: { aria: "aria", backdrop: "backdrop", background: "background", disableBackdropClick: "disableBackdropClick", footerBehavior: "footerBehavior", fullscreen: "fullscreen", open: "open", position: "position" }, outputs: { dismiss: "dismiss", motionHiddenEnd: "motionHiddenEnd", motionVisibleEnd: "motionVisibleEnd" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PFlyout, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-flyout,[p-flyout]',
                     template: '<ng-content />',
-                    inputs: ['aria', 'backdrop', 'background', 'disableBackdropClick', 'footerBehavior', 'open', 'position'],
+                    inputs: ['aria', 'backdrop', 'background', 'disableBackdropClick', 'footerBehavior', 'fullscreen', 'open', 'position'],
                     outputs: ['dismiss', 'motionHiddenEnd', 'motionVisibleEnd'],
                     standalone: false
                 }]