fix: NumberBox text is correctly when there are no visible actions

bdlukaa · Dec 13, 2024 · 6120b4c · 6120b4c
1 parent 3a3c3c9
commit 6120b4c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -38,6 +38,7 @@
 - feat: Add `ColorPicker` ([#1001](https://github.com/bdlukaa/fluent_ui/issues/1001))
 - fix: `NumberBox` initial value formatting ([#1153](https://github.com/bdlukaa/fluent_ui/issues/1153)) 
 - fix: `NumberBox` incrementing/decrementing when not focused ([#1124](https://github.com/bdlukaa/fluent_ui/issues/1124))
+- fix: `NumberBox` text is correctly when there are no visible actions ([#1150](https://github.com/bdlukaa/fluent_ui/issues/1150))
 
 ## 4.9.2
 

diff --git a/lib/src/controls/form/number_box.dart b/lib/src/controls/form/number_box.dart
@@ -521,6 +521,10 @@ class NumberBoxState<T extends num> extends State<NumberBox<T>> {
     assert(debugCheckHasOverlay(context));
 
     final textFieldSuffix = <Widget>[
+      // Ensure all modes have a suffix. This is necessary to ensure the text
+      // is aligned correctly when there are no suffix actions.
+      // See https://github.com/bdlukaa/fluent_ui/issues/1150
+      const SizedBox(),
       if (widget.clearButton && _hasPrimaryFocus)
         IconButton(
           key: _clearButtonKey,