Forms: Fix multi-step form submit button spinner CSS selector (#46807)

CGastrell · web-flow · commit 71cdeaa375d0 · 2026-01-29T13:36:01.000-03:00
* target the right element with CSS selector

* Add changelog entry
diff --git a/projects/packages/forms/changelog/fix-form-step-spinner b/projects/packages/forms/changelog/fix-form-step-spinner
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Multi-step forms: fix submit button spinner CSS selector to target the correct element.
diff --git a/projects/packages/forms/src/contact-form/css/grunion.scss b/projects/packages/forms/src/contact-form/css/grunion.scss
@@ -1510,8 +1510,8 @@ on production builds, the attributes are being reordered, causing side-effects
 }
 
 // use new ::after approach for animated spinner inside forms
-.contact-form .wp-block-jetpack-button button[type="submit"].is-submitting:last-of-type,
-.contact-form .wp-block-button button[type="submit"].is-submitting:last-of-type {
+.contact-form .wp-block-jetpack-form-step-navigation .wp-block-jetpack-button:last-of-type button[type="submit"].is-submitting,
+.contact-form .wp-block-jetpack-form-step-navigation .wp-block-button:last-of-type button[type="submit"].is-submitting {
 
 	&::after {
 

Original file line number	Diff line number	Diff line change
`@@ -1510,8 +1510,8 @@ on production builds, the attributes are being reordered, causing side-effects`
`1510`	`1510`	`}`
`1511`	`1511`
`1512`	`1512`	`// use new ::after approach for animated spinner inside forms`
`1513`		`-.contact-form .wp-block-jetpack-button button[type="submit"].is-submitting:last-of-type,`
`1514`		`-.contact-form .wp-block-button button[type="submit"].is-submitting:last-of-type {`
	`1513`	`+.contact-form .wp-block-jetpack-form-step-navigation .wp-block-jetpack-button:last-of-type button[type="submit"].is-submitting,`
	`1514`	`+.contact-form .wp-block-jetpack-form-step-navigation .wp-block-button:last-of-type button[type="submit"].is-submitting {`
`1515`	`1515`
`1516`	`1516`	`&::after {`
`1517`	`1517`