From df6754b0f560879db26f0a5ffc8024dcf31e7baf Mon Sep 17 00:00:00 2001 From: "vivi-the-going-merry[bot]" <308115520+vivi-the-going-merry[bot]@users.noreply.github.com> Date: Thu, 22 Oct 2026 20:13:18 -0600 Subject: [PATCH 1/2] Align inline Submit button with inputs when submit HTML uses frm_flex The ::before spacer was a flex item in the wrapping row and the button was centered against it. Make the spacer a full row and pin items to the top. Co-Authored-By: Claude Sonnet 5.5 --- css/custom_theme.css.php | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/css/custom_theme.css.php b/css/custom_theme.css.php index 6f2149a589..1a29a6dee3 100644 --- a/css/custom_theme.css.php +++ b/css/custom_theme.css.php @@ -733,6 +733,19 @@ gap: 2%; } +.with_frm_style.frm_inline_top .frm_submit.frm_flex, +.with_frm_style .frm_submit.frm_flex.frm_inline_submit { + align-items: flex-start; + align-content: flex-start; + row-gap: 0; +} + +.with_frm_style.frm_inline_top .frm_submit.frm_flex::before, +.with_frm_style .frm_submit.frm_flex.frm_inline_submit::before { + flex-basis: 100%; + order: -2; +} + .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page { order: -1; From e404c85f5ae120b29aab6920f89dd13005c80415 Mon Sep 17 00:00:00 2001 From: Mike Letellier Date: Thu, 29 Oct 2026 21:25:23 -0300 Subject: [PATCH 2/2] test(styles): cover inline flex submit alignment in generated CSS (#6894) Co-Authored-By: Claude Opus 5.5 --- tests/phpunit/styles/test_FrmStyle.php | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/tests/phpunit/styles/test_FrmStyle.php b/tests/phpunit/styles/test_FrmStyle.php index a462a5401c..bd2bfc2d6e 100644 --- a/tests/phpunit/styles/test_FrmStyle.php +++ b/tests/phpunit/styles/test_FrmStyle.php @@ -287,6 +287,24 @@ public function test_get_all() { $this->assertSame( FrmStylesController::$post_type, reset( $styles )->post_type ); } + /** + * With the default "frm_submit frm_flex" submit HTML, the inline submit label spacer must take a full row + * and the button must not be vertically centered against it. + * + * @see https://github.com/Strategy11/formidable-pro/issues/6894 + */ + public function test_generated_css_aligns_inline_flex_submit_with_inputs() { + $css = $this->run_private_method( + array( new FrmStyle(), 'get_css_content' ), + array( FrmAppHelper::plugin_path() . '/css/custom_theme.css.php' ) + ); + $submit_selector = '.with_frm_style.frm_inline_top .frm_submit.frm_flex,.with_frm_style .frm_submit.frm_flex.frm_inline_submit'; + $spacer_selector = '.with_frm_style.frm_inline_top .frm_submit.frm_flex::before,.with_frm_style .frm_submit.frm_flex.frm_inline_submit::before'; + + $this->assertStringContainsString( $submit_selector . ' {align-items: flex-start;', $css ); + $this->assertStringContainsString( $spacer_selector . ' {flex-basis: 100%;order: -2;}', $css ); + } + /** * The CSS version must be a zero-padded timestamp so distinct save times * never collide (e.g. 1 Jan 10:59 and 11 Jan 00:59 both produced "111059").