🐛 AutoSuggestBox clear button does not work

[Driky]

Describe the bug
The AutoSuggestBox has the ability to display a clear button allowing for setting the TextController to empty and removing focus. When clicking the clear button the onPressed callback is never called.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://bdlukaa.github.io/fluent_ui/
2. Click on the auto suggest box on the left side of the screen
3. Select one of the suggested choice
4. Click on the box to get focus
5. Click on the newly appeared cleat button on the right of the field.
6. Nothing happens.

Expected behavior
After step 5, the field is supposed to be cleared and the focus removed form it..

Additional context
I copied the code of the IconButton used to build the clear button. It works well on it's own. So the problem is localized inside the AutoSuggestBox widget itself.

Edit
To bypass the bug you can do the following:

autoSuggestBox: AutoSuggestBox(
          controller: _textController,
          items: const ['Item 1', 'Item 2', 'Item 3', 'Item 4'],
          clearButtonEnabled: false,
          trailingIcon: IconButton(
            icon: const Icon(FluentIcons.code),
            onPressed: () {
              print('onPressed');
              _textController.clear();
            },
          ),
        ),

[henry2man]

@bdlukaa Although I have also had this issue I have seen another that may be related. When an element is chosen from the drop-down list, a change of type TextChangedReason.suggestionChosen is NOT being generated; instead TextChangedReason.userInput is always sent

[bdlukaa]

@henry2man why?

[henry2man]

@henry2man why?

I don't know why 😆 But I saw you're working on the component so I wrote this, that's all.