Soft keyboard won't hide in CardView even with explicit unfocus call

[minkyn]

In the example, for the widget that contains the CardView and a button, if you click the button without dismissing the soft keyboard on a mobile device, the keyboard would stay on.

I tried adding a FocusManager.instance.primaryFocus?.unfocus() as the first thing as well as after tokenize call for the button's onPressed callback, but it doesn't work and I can still see the cursing blinking in the CardView without giving up the focus.

The original Square web SDK doesn't have this issue though.

[rpelavin]

@minkyn thank you for taking the time to report! I should have time to take a look within the next week. Will happily review any pull request as well :)

[minkyn]

I have been investigating but haven't yet figured it out. This doesn't happen in my Android phones, only in iPhone with either Chrome or Safari. Basically the symptom is that I can find no way to unfocus from the Square CardView.

So far I have tried FocusManager.instance.primaryFocus?.unfocus(), FocusScope.of(context).unfocus(), FocusScope.of(context).requestFocus(FocusNode()) and SystemChannels.textInput.invokeMethod('TextInput.hide') when clicking a button, and none of them worked. I did add a new random TextField, and manually clicking into it could unfocus from CardView, and then calling one of the previous four methods was able to unfocus from that TextField as expected.

In summary, it looks like the traditional programmatic way of unfocusing doesn't work for the CardView only.

I'm not sure if this is a bug of this plugin or flutter, as I know CardView is essentially wrapping on top of HtmlElementView. I do notice that there is such a comment here. Maybe this doesn't work as what the comment claims to be?

[rpelavin]

Thanks @minkyn, I'm able to reproduce the behavior you describe. I believe focus/unfocus synchronization needs to be added between the Flutter CardView and the underlying HTML input element. I'll take a stab at addressing by EOW.