Update changelog

Author: dev-hann

CHANGELOG.md

@@ -1,5 +1,18 @@
 Date format: DD/MM/YYYY
 
+## [unreleased] - Input Update
+
+- `TextBox` updates: ([#179](https://github.com/bdlukaa/fluent_ui/pull/179))
+  - Correctly apply the `style` property
+  - Correctly apply `decoration` to the background
+  - Added `foregroundDecoration` and `highlightColor` property. They can not be specified at the same time
+  - **BREAKING** replaced `maxLengthEnforeced` with `maxLengthEnforcement`
+- Expose more propertied to `TextFormBox`
+- `AutoSuggestBox` updates:
+  - Improved fidelity of the suggestions overlay
+  - When a suggestion is picked, the overlay is automatically closed and the text box is unfocused
+  - Clear button now only shows when the text box is focused
+
 ## [3.9.0] - Fidelity - [10/02/2022]
 
 - **BREAKING** Renamed `standartCurve` to `standardCurve`

example/lib/screens/forms.dart

@@ -35,6 +35,20 @@ class _FormsState extends State<Forms> {
 
   DateTime date = DateTime.now();
 
+  @override
+  void initState() {
+    super.initState();
+    _clearController.addListener(() {
+      if (_clearController.text.length == 1 && mounted) setState(() {});
+    });
+  }
+
+  @override
+  void dispose() {
+    _clearController.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return ScaffoldPage.scrollable(
@@ -94,12 +108,14 @@ class _FormsState extends State<Forms> {
           controller: _clearController,
           suffixMode: OverlayVisibilityMode.always,
           minHeight: 100,
-          suffix: IconButton(
-            icon: const Icon(FluentIcons.chrome_close),
-            onPressed: () {
-              _clearController.clear();
-            },
-          ),
+          suffix: _clearController.text.isEmpty
+              ? null
+              : IconButton(
+                  icon: const Icon(FluentIcons.chrome_close),
+                  onPressed: () {
+                    _clearController.clear();
+                  },
+                ),
           placeholder: 'Text box with clear button',
         ),
         const SizedBox(height: 20),

lib/src/controls/form/auto_suggest_box.dart

@@ -217,7 +217,9 @@ class _AutoSuggestBoxState<T> extends State<AutoSuggestBox> {
               _entry != null ? Clip.none : Clip.antiAliasWithSaveLayer,
           suffix: Row(children: [
             if (widget.trailingIcon != null) widget.trailingIcon!,
-            if (widget.clearButtonEnabled && controller.text.isNotEmpty)
+            if (widget.clearButtonEnabled &&
+                controller.text.isNotEmpty &&
+                focusNode.hasFocus)
               Padding(
                 padding: const EdgeInsets.only(left: 2.0),
                 child: IconButton(