From 7672598da2b234dc3bd6893cb9a1edb6af41ebd6 Mon Sep 17 00:00:00 2001
From: Loris Janner <loris.janner@siemens.com>
Date: Thu, 12 Feb 2026 16:01:23 +0100
Subject: [PATCH] fix(wizard): align save button correctly when hideNavigation
 is true

This fixes an edge case where hideNavigation is true and the previous/next buttons are hidden. Back port of #1507.
---
 projects/element-ng/wizard/si-wizard.component.html |  1 +
 .../element-ng/wizard/si-wizard.component.spec.ts   | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/projects/element-ng/wizard/si-wizard.component.html b/projects/element-ng/wizard/si-wizard.component.html
index a770ebcbe..310a07a81 100644
--- a/projects/element-ng/wizard/si-wizard.component.html
+++ b/projects/element-ng/wizard/si-wizard.component.html
@@ -175,6 +175,7 @@
           <button
             type="button"
             class="btn btn-primary save"
+            [class.end]="hideNavigation()"
             [disabled]="!currentStep?.isValid() || !currentStep?.isNextNavigable()"
             (click)="save()"
             >{{ saveText() | translate }}</button
diff --git a/projects/element-ng/wizard/si-wizard.component.spec.ts b/projects/element-ng/wizard/si-wizard.component.spec.ts
index a4d238a68..178d6bdf7 100644
--- a/projects/element-ng/wizard/si-wizard.component.spec.ts
+++ b/projects/element-ng/wizard/si-wizard.component.spec.ts
@@ -285,6 +285,19 @@ describe('SiWizardComponent', () => {
       expect(element.querySelector('.wizard-btn-container .back')).toBeFalsy();
       expect(element.querySelector('.wizard-btn-container .next')).toBeFalsy();
     });
+
+    it('should align save button to end on last step when navigation is hidden', async () => {
+      hostComponent.inlineNavigation = false;
+      await runOnPushChangeDetection(fixture);
+
+      // Navigate to the last step
+      component.next(hostComponent.steps.length - 1);
+      await runOnPushChangeDetection(fixture);
+
+      const saveButton = element.querySelector('.btn.save');
+      expect(saveButton).toBeTruthy();
+      expect(saveButton).toHaveClass('end');
+    });
   });
 
   describe('navigation buttons in footer', () => {