Preserve the same button height in loading state with label opacity 0.

jaclync · jaclync · commit 91cc627acad4 · 2025-02-12T10:47:58.000+08:00
diff --git a/WooCommerce/Classes/POS/Presentation/Reusable Views/Buttons/POSButtonStyle.swift b/WooCommerce/Classes/POS/Presentation/Reusable Views/Buttons/POSButtonStyle.swift
@@ -51,10 +51,11 @@ private struct POSButton: View {
     var body: some View {
         Group {
             containerView {
-                if isLoading {
-                    progressView
-                } else {
+                ZStack(alignment: .center) {
                     configuration.label
+                        .opacity(isLoading ? 0 : 1)
+                    progressView
+                        .renderedIf(isLoading)
                 }
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -51,10 +51,11 @@ private struct POSButton: View {`
`51`	`51`	`var body: some View {`
`52`	`52`	`Group {`
`53`	`53`	`containerView {`
`54`		`- if isLoading {`
`55`		`- progressView`
`56`		`- } else {`
	`54`	`+ ZStack(alignment: .center) {`
`57`	`55`	`configuration.label`
	`56`	`+ .opacity(isLoading ? 0 : 1)`
	`57`	`+ progressView`
	`58`	`+ .renderedIf(isLoading)`
`58`	`59`	`}`
`59`	`60`	`}`
`60`	`61`	`}`