Dialog wouldn't dismiss after submitted

[felixmccuaig]

Dialog wouldn't dismiss after submitted

[LordLaser]

I had to add this to the AutoCompleteTextField properties even though it's not marked as required:

onFocusChanged: (hasFocus) {},

[aleaforny]

I have the same issue, the suggestions won't disappear when selecting one. But no error is shown in the console. This issue happens with v 1.6.4 and 1.6.6

Have you tried to add the property onFocusChanged: (hasFocus) {} to your widget ?

[Karlheinzniebuhr]

I have the same issue, the suggestions won't disappear when selecting one. But no error is shown in the console. This issue happens with v 1.6.4 and 1.6.6

Have you tried to add the property onFocusChanged: (hasFocus) {} to your widget ?

That solved the issue, thanks!

[banfger]

onFocusChanged: (hasFocus) {} did nothing for me. But looking into the source code, I could solve it.

In the updateOverlay function selecting the text does not result in an update, so I changed it to this:

onTap: () {
   setState(() {
      if (submitOnSuggestionTap) {
         String newText = suggestion.toString();
         textField.controller.text = newText;
         textField.focusNode.unfocus();
         itemSubmitted(suggestion);
         if (clearOnSubmit) {
            clear();
         }
         else{
            updateOverlay();
         }
     }
     else {
        String newText = suggestion.toString();
        textField.controller.text = newText;
        textChanged(newText);
        updateOverlay();
    }
   });
}

Now after selecting a suggestion the dialog disappears. But if you click in the textfield again, the new suggestions are the same as the ones that were suggested at the time you selected the current value. What should appear are the suggestions for the submitted value, so itself. It is solved if I add currentText = newText like this:

onTap: () {
   setState(() {
      if (submitOnSuggestionTap) {
         String newText = suggestion.toString();
         textField.controller.text = newText;
         textField.focusNode.unfocus();
         itemSubmitted(suggestion);
         if (clearOnSubmit) {
            clear();
         }
         else{
            currentText = newText;
            updateOverlay();
         }
     }
     else {
        String newText = suggestion.toString();
        textField.controller.text = newText;
        currentText = newText;
        textChanged(newText);
        updateOverlay();
    }
   });
}

And lastly, somehow after a decoration update the textfield loses it's focusNode and it's listener. I simply changed the updateDecoration function by adding the listener again if the focusNode null, and it is good for me.

setState(() {
      if(focusNode == null){
        focusNode = new FocusNode()..addListener(() {
          if (onFocusChanged != null) {
            onFocusChanged(textField.focusNode.hasFocus);
          }
          if (!textField.focusNode.hasFocus) {
            filteredSuggestions = [];
            updateOverlay();
          }
          else if (!(currentText == "" || currentText == null)) {
            updateOverlay(currentText);
          }
        });
      }

      textField = new TextField(
        inputFormatters: this.inputFormatters,
        textCapitalization: this.textCapitalization,
        decoration: this.decoration,
        style: this.style,
        keyboardType: this.keyboardType,
        focusNode: focusNode ?? ?? FocusNode(),
        controller: controller ?? new TextEditingController(),
        textInputAction: this.textInputAction,
        onChanged: (newText) {
          currentText = newText;
          updateOverlay(newText);

          if (textChanged != null) {
            textChanged(newText);
          }
        },
        onTap: () {
          updateOverlay(currentText);
        },
        onSubmitted: (submittedText) =>
            triggerSubmitted(submittedText: submittedText),
      );
    });

[mayurprajapati]

I got the same error.

[ahaboubi]

Same here

[rmathias86]

I'm facing the same issue here.

[asrinagesh]

Has anyone found a solution?

[rmathias86]

Unfortunately, I haven't found a solution yet. I've decided to use this one
https://pub.dev/documentation/flutter_typeahead_plugin/latest/

[Karlheinzniebuhr]

I have the same issue, the suggestions won't disappear when selecting one. But no error is shown in the console. This issue happens with v 1.6.4 and 1.6.6

[felixmccuaig]

I'll look into it. Thanks.

[felixmccuaig]

I'm going to need a little bit more information to fix this issue, would you mind supplying some code which causes this error?

[Karlheinzniebuhr]

this is my code which was solved once I added hasFocus()

` asignSearchTextField = AutoCompleteTextField(
//style: new TextStyle(color: Colors.black, fontSize: 15.0),
decoration: InputDecoration(
// suffixIcon: Container(
// width: 85.0,
// height: 60.0,
// ),
filled: false,
//labelText: 'Asignar a',
hintText: 'Asignar a',
//hintStyle: TextStyle(color: Colors.black38),

      errorText: _validateAssignee ? 'Debe asignar a alguien' : null,
      prefixIcon: Icon(Icons.person),
    ),
    itemSubmitted: (item) {
      print('itemSubmitted');
      setState(() {
        _task.assignee_id = item.id;
        asignSearchTextField.textField.controller.text = item.username;
      });
    },
    onFocusChanged: (hasFocus) {},
    clearOnSubmit: false,
    submitOnSuggestionTap: true,
    key: key,
    suggestions: UsersViewModel.users ?? [],
    itemBuilder: (context, item) {
      print('itemBuilder');
      return Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Text(
            item.username,
            style: TextStyle(fontSize: 16.0),
          ),
          Padding(
            padding: EdgeInsets.all(15.0),
          ),
          Text(
            item.email,
            style: TextStyle(fontSize: 16.0),
          )
        ],
      );
    },
    minLength: 0,
    itemSorter: (a, b) {
      print('itemSorter');
      return a.username.compareTo(b.username);
    },
    itemFilter: (item, query) {
      print('itemFilter');
      return item.username.toLowerCase().startsWith(query.toLowerCase());
    });`

[felixmccuaig]

Thanks, however, I'm still not really understanding the dialog part. Is the TextField inside a dialog? Is the submit action creating/closing a dialog?

[Karlheinzniebuhr]

Before (dialog won't dismiss)

After using onFocusChanged: (hasFocus) {},