Keyboard hide textfield flutter

TextField(focusNode:_focusNode(), ); Use NestedScrollViewState to get access to the innerScrollController of the NestedScrollView. of (context). FocusNode. If you have android:windowSoftInputMode="adjustResize" in your AndroidManifest. 1 mysample 2. The EditableText widget is a low-level widget that is intended as a building block for custom widget sets. Expected results. There is a bottomsheet in flutter code - bottomsheet contains an TextField , While clicking on TextField , Keyboard Covers the TextFeild. unfocus() unfocuses it. multiline otherwise. messages. The output in Landscape view: enter image description here. Apr 3, 2023 · Execute flutter run on the code sample ; Use android emulator will see SingleChildScrollView widget not apply; use iOs simulator SingleChildScrollView apply and keyboard not hide textfield; Expected results: Keyboard not hide TextField Actual results: Keyboard hide TextField. Please guide me in fixing this issue. 0, on Mac OS X 10. Below is the code for bottom sheet. @override. Features # How to Change Keyboard Type Input on TextField in Flutter. Here my code which works: return Scaffold(. Now, when we tap the textfield, the keyboard hides the BottomSheet. focus on a textfield, then open the soft keyboard 3. By using keyboardType property, we can change the type of keyboard to be displayed. – AmateurCoder. This is a bug and it needs to be fixed soon Jan 30, 2019 · You can wrap the whole screen in GestureDetector so that when you touch anywhere on GestureDetector, onTap method is called which will hide the soft keyboard. Below I attaching the Screenshots and full code. How to hide soft input keyboard on flutter after clicking outside TextField/anywhere on screen? 293. Problem: When I hide the keyboard after my searching is done using back press, It's requesting again to get data. textInput. How can I prevent the user from entering all except the period. Jun 7, 2018 · First, you need to give the TextField a focusNode. May 19, 2020 · Use case: Messaging app you edit your message: keyboard, blinking cursor and initial text appears but pointer (cursor) is not But on Flutter when you use initial text (or via textController) there Jul 15, 2020 · But I also need to know how to make the textfield ready to type without the users having to tap the textfield. but getting it. You can acheive this buy creating your own UIViewRepresentable and changing the inputView of a UITextField. Declare a globalKey and assign it to NestedScrollView. Feb 15, 2022 · Therefore, I advise you to pass (TextInputAction. dispose(); Assign the FocusNode to the textfield and write the following code in onSubmitted: :-. How can give some problem a text Field? Here is the code: Jan 3, 2018 · 1. Dec 21, 2021 · Flutter TextField hide by Keyboard. Whenever the text changes, the callback is invoked. new Scaffold( body: new GestureDetector( onTap: { /*This method here will hide the soft keyboard. 🔢 Supports multiple TextFields on a single page without interference. When I clicked on TextField to type something keyboard is opened with white screen. requestFocus(new FocusNode()); But I want to hide the soft keyboard by clicking outside of TextField or anywhere on the screen. The default behavior feels like a mobile feature, but Flutter also runs on desktops. framework flutter/packages/flutter repository. So you can add a listner to the focusnode to listen the focus change and hide respective widget. requestFocus(FocusNode()); } Here is what we are going to build: I believe that the UI in this demo is quite simple, so I just focus on the methods to show and hide Jul 29, 2020 · Answer 2. the keyboard should show up below the text field and not upon it. /// My widget state，it can remove the focus to end editing when the keyboard is hidden. I have not added any unfocused nodes. It takes TextInputType class which has many constants. I want to remove this white screen when keyboard is open. size. but the textfield is hidden by the keyboard when the keyboard showing in the front. Why it doesn't happen in case of ModalBottom sheet. child: new TextField( controller: _controller, maxLengthEnforced: true, keyboardType: TextInputType. And the page is shown by showModalBottomSheet. The problem here, is that this behavior is not what I want. This Sep 5, 2022 · When I click on the blue button, "Button pressed!" gets printed and the keyboard does not disappear. bottom, ), In older versions of flutter, this padding was required for the bottom sheet to move up when the keyboard is in view. Jan 11, 2020 · When focussing on the TextFormField, the keyboard hides over the TextFormField. 7. xml, the textfield will automatically reposition when the softkeyboard appears. asset or better use a Container and specify the image in its decoration property and give the container a fixed height. Oct 12, 2020 · flutter :Hide keyboard for a TextField. Currently, I know the method of hiding the soft keyboard using this code, by onTap methods of any widget. onEditingComplete. I'd like the TextField to implement this difference automatically, to match the Platform. Apr 9, 2021 · 0. passcode input hideen by keyboard. context: context, builder: (context) {. 10. To autofocus a TextField, select the TextField widget, move to the Properties Panel > Additional Properties > enable the Autofocus property. But when the setState function is called by other methods on the page, it refocuses the keyboard. hide') it work but wee can custom TextField and add this code in request keyboard ? 2 days ago · Overview. a: text input Entering text in a text field or keyboard related problems c: new feature Nothing broken; request for a new capability customer: crowd Affects or could affect many people, though not necessarily a specific customer. Your code seems fine, the problem was AlertDialog doesn't rebuild, even if the value is changing. May 24, 2018 · The code above is to simulate the behavior of tapping outside of a text field (ex: tapping on the background of a page) to dismiss the keyboard. unfocus. app Mar 5, 2023 · Multiline TextField is the input TextField which takes the input in more than one line, This type of TextField is used in the scenario like taking Feedback from the user, User Comments, and Description, etc. I have created alert dialogue shows while pressing a button. 3. Defaults to TextInputType. Jun 20, 2021 · Hide Keyboard by Changing Focus. Jul 4, 2023 · 0. What I have done is: onChange of that TextField, I have called method to get data from server. When there is a text field in it. You can wrap your parent widget that spans the entire screen with a widget that can detect clicks. Because the keyboard that Android / iOS offers us specifically when we are in numeric mode, does not bring the button to hide the keyboard. You can view the example here on how to get the innerScrollController. child: Wrap(. Supply an onChanged() callback to a TextField or a TextFormField. Click here to Subscribe to Johannes Milke: https://www. Actual results. g. Code sample May 26, 2020 · Wrap either one of you Column s (probably the outer one) with a SingleChildScrollView. Jun 12, 2023 · Wherever we are using a textfield, the keyboard pops up but the textfield hides beneath the keyboard. Dec 3, 2018 · You can read this for a better solution: When i select a Textfield the keyboard moves over it. With convenient helper methods and the KeyboardHider widget. Up until today (when I updated to flutter 2. Container (. return SizedBox(. I tried "resizeToAvoidBottomInset: true" and didnt worked, also tried to put a SingleChildScrollView on the body of the app and got "RenderBox was not laid out: RenderRepaintBoundary#32f0a keyboard_hider. Jun 14, 2021 · When I tap on one of them it is getting focused and the keyboard shows up. Expected results: The Scaffold's bottomSheet does not hide the TextFormField. 1. But, modalbottomsheet does not move up along with the keyboard. KeyboardType. builder( itemCount: controller. youtub Jan 15, 2019 · I'm using flutter to make a page that someone can comment. (period) and space". We’ll make a simple Flutter app that contains a TextField widget (you can use TextFormField as well) at the center of the screen. readOnly: true. See the official documnetation. Below I attached a screenshot with coding. 2. number, maxLength: 4, //9999 upper limit ), //TextField Jan 19, 2018 · How to hide soft input keyboard on flutter after clicking outside TextField/anywhere on screen? 3 How to prevent coming up floating action button (FAB) when clicking a search box in Flutter? Oct 4, 2017 · 12. Important links Oct 1, 2023 · 1. I want that the keyboard disappears when I click somewhere outside of the TextField, and that the button does not get triggered, even when I directly click on it. OR, you can also use the following code to disable the keyboard popup TextField. May 21, 2018 · The Keyboard that appears allows for the input of the the following characters: "-(hyphen) ,(comma) . context: context, isScrollControlled: true, builder: (BuildContext buildContext) {. It also provides scrolling, selection, and cursor movement. length, Apr 3, 2021 · 18. A basic text input field. When the onSubmit is called, keyboard will be disabled because readOnly is true but TextField would have the focus. e. text if maxLines is one and TextInputType. You can set to email address, number, URL, name, street address input keyboard according to the data type of TextField widget. Aug 31, 2021 · Is there any way to just hide FloatingActionButton alone and not textformfield and textformfield should appear when the keyboard appears. like : SizedBox(height:MediaQuery. 1. In the iPhone, the text-field cursor should hide as soon as the keyboard is closed. Nov 14, 2019 · Flutter Fix TextFormField/TextArea/TextField hidden by Keyboard. fieldsController. Dec 30, 2020 · After trying it out, I think you should just add a height to your image. openTextField()//Pseudo code . In your onPressed function of your button, you'd get the current FocusNode and call unfocus(). So in order to see the changes, the solution is StatefulBuilder which has to be there to wrap your AlertDialog, it will help your Widget to rebuild. of(context). I would like to have the bottom container ("Join the conversation") to always be displayed. bottom: MediaQuery. unfocus (); line. TextField(. If you have time please share some kt how to focus textformfield because every time it only focusing first textfield. I tried the following lines but none of them worked: resizeToAvoidBottomPadding: false, resizeToAvoidBottomInset: false, Here is my code. only(. 11. Oct 5, 2022 · This article shows you a simple way to dismiss the soft keyboard when the user taps somewhere outside a text field in your Flutter app. Use a TextEditingController. Before upgrade to 3. 14 18A391, locale zh Mar 11, 2021 · 6. The best solution to avoid resizing widgets and also focus on the text field is to use SingleChildScrollView() with ClampingScrollPhysics() physics. Apr 21, 2019 · Problem is you are setting the text in TextFormField when keyboard opens with the TextEditingController. This text field lets the user type a password in and has an eye-icon button to show/hide the entered password. text = text. Basically, I want to create the action that Gmail is doing when you click the search button. bottom. Click here to Subscribe to Johannes Milke: https://www. Please clarify your specific problem or provide additional details to highlight exactly what you need. I am stuck at one place and I can't find the exact solution. height,child:SingleChildScrollView()) set the resizeToAvoidBottomInset to false: the textfield will appear if you scroll the page. void hideKeyboard(BuildContext context) {. invokeMethod('TextInput. At that time, the virtual keyboard will be shown so that the user can type on the text field. Mar 25, 2021 · padding: EdgeInsets. Dec 20, 2019 · Inside _SystemPadding class, while returning AnimatedContainer, use padding as mediaQuery. The Keyboard would be open but the page does not scroll up and the TextField remains behind the keyboard. 0. keyboard is closed flutter Sep 1, 2020 · Keyboard Properties For a TextField Widget. When the user clicks anywhere outside the text field, the expected behavior is the current focus is no longer Feb 17, 2021 · 0. Mar 12, 2024 · When I add some text in Textfield then keyboard is not opening, closing automatically. You have explicitly say you want it to be able to scroll. The textfield should always be in focus, but the keyboard should not be 1 day ago · With Flutter, you have two options: Supply an onChanged() callback to a TextField or a TextFormField. Check and detect if the Keyboard is opened or closed in Flutter with the Keyboard Visbility Package. This causes a lot of inconvenience for users, so this package allows adding functionality to the existing keyboard. You can also wrap your TextWidget with SingleChildScrollView() . I have assigned UniqueKey to textfield's Key parameter. padding that'll adjust the height of the alertDialog and no need to wrap alertDialog content with SingleChildScrollView. Then use a SingleChildScrollView () to wrap around the main widget (whatever you’re using, e. This works because when the TextFormField is clicked, it consumes the click. The TextFields remain behind Sep 7, 2020 · Below is the image that contains a TextField and a ListView. Flutter 0. 0-0. Example: In this exampe, we are going to show you the way to change the keyboard input type in TextField widget in Flutter App. This makes TextField ready to receive input from you without having you click on TextField. Inside the body of a Scaffold widget add some TextFields and click on last one. It does not pass you the value (while you can technically get the value using a controller, that's not the intention here EditableText. edited Mar 15, 2021 at 3:35. Jun 7, 2022 at 14:18. key: Key(keyValue), initialValue: valueBuilder, onSaved: (text) {. When the text field is pressed keyboard pops up. showCursor: true,//add this line. Thanks for your help! When you autofocus a TextField, it mimics the tap event and immediately shows the keyboard. Jun 2, 2022 · You need to assign a FocusNode () instance to your text field and call focusNode. final. none, ) You do not need anything complex or huge to disable the keyboard popup on textfield, you just need to change the keyboard type of textfield to none using the above code. Feb 22, 2022 · The keyboard will automatically appear when the text field is focused. Have you ever heard that in Flutter, everything is a widget? I have, so I decided to create a simple widget that helps you hide your users' keyboard easily on your forms. and here is my code: 1 day ago · Create and style a text field; Retrieve the value of a text field; Handle changes to a text field; Manage focus in text fields; Build a form with validation; Display a snackbar; Implement actions & shortcuts; Manage keyboard focus; Assets & media. , We can achieve multiline TextField by setting the property keyBoardType and maxLines of the TextField. When a user taps on a text field, Flutter automatically changes the current focus to the tapped text field. Try it online: https://flutter-auto-hide-keyboard. body: SingleChildScrollView(child: //your existing body) But, it doesn't work. Flutter - Keyboard Hides TextField. Jan 25, 2022 · 1. Feb 12, 2018 · This is my solution, which uses WidgetsBindingObserver to observe window size changes, and determine whether the keyboard is hidden based on this. On Android, usually the keyboard only pushes up if necessary and only until it reaches the EditText. This tiny Flutter package help you hide the keyboard. property. try to wrap the SingleChildScrollview with a SizedBox and give the Sizedbox full Height. vercel. showDialog(. toList() like below: new ListView(. In this exampe, we are going to show you the way to change the keyboard input type in TextField widget in Flutter App. focusNode: inputFieldNode, onSubmitted: (String) => FocusScope. May 21, 2021 · In my app, when user clicks on FAB, it triggers a ModalBottomSheet which contains a textfield. When the user finishes entering data in the first text field, clicking on the Next button will directly take the user to the following text field widget without extra touch input. new Scaffold(. In the alert dialogue there is an text field and which gets hide when the keyboard gets open. For more insurance, set isScrollControlled = true of the BottomSheetDialog this will allow the bottom sheet to take the full required height. If i tap on the TextInputField the native android Keyboard pops up to enter text, which is fine, but i need to supress the keyboard since iam going to scan Barcodes and i need the full Screen to see my scanned Barcodes. How do I hide the keyboard and go go to another screen when a user click on the field. next) for every text field. import SwiftUI. You need to change the height first check on init state that if the keyboard is visible then change the height of the screen for eg: like this: bool _isKeyboardVisible = false; initState=> _isKeyboardVisible = true; //by using flutter_keyboard_visibility package. y Apr 1, 2020 · Im new to flutter. But if you still want focus to this text field you can follow below code: TextFormField(. 0), the code below worked fine : when user tapped the textfield, the BottomSheet moved up and we could use the keyboard fine. class MyApp extends StatelessWidget {. . unfocus () inside onChanged. body: SingleChildScrollView(. It is fired before onSubmitted. So for example if I Feb 24, 2021 · @Günter Zöchbauer this way is use solution custom a EditableText and add SystemChannels. phoneNumber,) I want create a keyboard like the below. resizeToAvoidBottomInset: false, resizeToAvoidBottomPadding: false, key: _scaffoldKey, body: SingleChildScrollView(. This is more of an "FYI" that tells you that the user has finished editing. When I click on the textfield the keyboard covers up the whole half screen and textfield hides behind the keyboard and can't be seen. Hot Network Questions Nov 9, 2020 · In flutter, When we edit a TextField and close soft-keyboard by touching outside, the cursor of TextField is showing and blinking How can I exit editing mode when unfocused? i. keyboardType: TextInputType. Working code below: final Widget child; _SystemPadding({this. Is there any method in flutter to do this? Feb 21, 2023 · Keyboard Actions # Add features to the Android / iOS keyboard in a simple way. requestFocus(inputFieldNode), Now the textfield will not lose focus even after pressing the submit button. class MyWidgetState extends State<MyWidget> with WidgetsBindingObserver { /// Determine whether the keyboard is hidden. May 9, 2023 · Open the keyboard without a text field or focusing Widget. It means you are assigning a value every time in TextEditingController so when keyboard opens, "TextEditingController" will fire and it will try to check your condition and set the default value in your TextFormField and then keyboard gets Mar 13, 2021 · Keyboard disappearing right after appearing. It looks like something trivial but I can't figure it out. In order to do this, users "focus" the input onto that part of an application by tapping or clicking the desired UI element. In flutter we can customize the properties related to the keyboard like showing numeric keypad, normal keypad etc. Step 2: Add the material package that gives us the important method to use and Aug 22, 2020 · edited. Nov 23, 2022 · Step 1: Create a New Project in Android Studio. This reveals the password one character a time which could lead to shoulder surfing or password disclosure during a screen share/recording session. Flutter is only implementing the Android behavior. But when you tap on the TextField, keyboard will appear because now readOnly is false and the it already had the focus. A sample video given below gives an id Jul 20, 2023 · In my case, depending on the height of the upper containers, the text field is covered by the keyboard (screenshot 1 vs 2). Flutter,I want my textfield with focus but hiding keyboard? Sep 7, 2022 · I want to see the bottom textfield in chat screen when keyboard is active my structure: Column( children: [ ListView. Actual results: The Scaffold's bottomSheet hides the TextFormField Sep 1, 2020 · At the same time, since Flutter assumes the user is "done", it will hide the on-screen keyboard. Actually, the function I wrote in onChanged already meets this. Dec 7, 2018 · I am trying to add done button in number type input for a TextFormField in flutter but I could not able to do that. Then, instead of the Enter button on the keyboard, you will see the Next button. Jun 6, 2024 · API docs for the keyboardAppearance property from the TextField class, The appearance of the keyboard. showCursor: true, Aug 30, 2018 · The next action usually uses in the middle field of the form that will drive the focus to the next field when user tap on it. */ Jun 23, 2020 · The default behavior of obscureText is to briefly display the typed character and then convert it to a bullet. controller: _listViewScrollController, children: <Widget>[. Flutter - Dismiss system keyboard after tapping outside of AlertDialog widget. 📋 Does not affect the original selection, copy, and paste functionality of TextFields. I couldn't understand the problem! Help me to solve the problem. Every time the keyboard comes up, a screen layout is rebuilt, but in your case, as soon as it's built, you're also removing focus, so the keyboard goes back down. The type of keyboard to use for editing the text. Add assets and images; Display images from the internet; Fade in images with a placeholder; Play Show and hide the keyboard programmatically in Flutter by using focus, unfocus or autofocus for your TextField. Since you have few TextField s and you have used ListView, you can reverse the ListView and finally add . child}); @override. You can check video for better explanation: Apr 15, 2018 · The issue is that as soon as the keyboard appears, it pushes all content up. how to disable focus in textfield in flutter. class _MyAppState extends State<MyApp> {. Use readOnly:true is correct. App Preview. of(context) gets the currently focused node and . TextField is a very common widget in Flutter. Jan 1, 2024 · 2 min read. Jun 7, 2022 · Flutter Keyboard makes textfield hide. flutter doctor output: Doctor summary (to see all details, run flutter doctor -v): [ ] Flutter (Channel stable, v1. Jun 9, 2018 · iam developing a Flutter app to acquire numbers via an extrernal Bluetooth Scanner which acts like a normal Keyboard. They have however been fixed and you don't need to apply the padding anymore and the framework will handle it. Apr 26, 2019 · super. ) And if you want hide text pointer (cursor), you need set enableInteractiveSelection to false. trim(); }, inputFormatters: [inputFormatters], keyboardType: TextInputType. FocusScope. The key was: I/flutter (15864): - [GlobalKey#06a16] I/flutter (15864): This was determined by noticing that after the widget with the above global key was moved out of its I/flutter (15864): previous parent, that previous parent never updated during this frame, meaning that it either did I/flutter (15864): not update at all or updated before Oct 9, 2021 · In the Android, the text-field cursor should keep blinking when the soft keyboard is closed and the text-field has focus. – Mark Aug 6, 2023 · This example was recently rewritten to work adequately with Flutter 3. Dec 1, 2020 · Here is my simple flutter application with showModalBottomSheet, it contains a textfield and a button. child: Padding(. I am using SingleScrollview with the Column widget. Inside Scaffold() add: resizeToAvoidBottomPadding: false, . Apr 29, 2023 · I'm creating a signup page, and whenever I tap on the text field keyboard is only visible for a sec then automatically hides. It should all work correctly. The simplest approach is to supply an onChanged() callback to a TextField or a TextFormField. I am working on Flutter, Calling API based on Search Parameters. Here is the result: Bottom Sheet Appears. reverse: true, //this line reverse the list. Keyboard covers the sheet. 10, when I click on every TextField, they jumped up on top of the keyboard. See also f: labels. Apr 26, 2021 · 21. To set up Flutter Development on Android Studio please refer to Android Studio Setup for Flutter Development, and then create a new project in Android Studio please refer to Creating a Simple Application in Flutter. Resizing the page when the soft keyboard appears is handled through the android:windowSoftInputMode activity parameter in AndroidManifest. No, I tried this is all but nothing work, I found the problem in my code, in the main pge I was using this line MaterialApp (useInheritedMediaQuery: true, . pre and running the application on Android version 11, scrollview works as expected - even without tweaking the Scaffold widget by adding resizeToAvoidBottomInset: false - when a user taps a TextField, the keyboard comes out and the user can scroll to the bottom as it should be. This is being caused because in your Widget build function you have a FocusScope. showModalBottomSheet(. I have an app that has a bottomappbar with a textformfield, but when the user tries to insert data there the keyboard hides the text being typed. I have a BottomNavigationBar in which I have a textfield that needs input from the user. I have added Form key as well. The XTextField below will only show the keyboard when tapped after already holding focus. Tried adding bottom viewInsets padding. Click here to Subscribe to Johannes Milke: ht Mar 15, 2022 · Currently we are using Flutter in an Android device that has a phisical keyboard, when we input data in a textfield we use the phisical keyboard, but the soft keyboard appears anyway and gets in the way hiding the information in the screen the user needs to see while typing. The issue is that simply popping up the keyboard doesn't suddenly tell the layout that it needs to be able to scroll. In the onClick, FocusScope. To hide/dismiss the keyboard you have to press the back button in Android and the done button (inside the onscreen keyboard) in iOS. bool read = false; FocusNode focusNode = FocusNode(); @override. How to retrieve Text Input without Textfield in Flutter. 🔮 Magic: Simultaneously responds to click events of other widgets on the same page and automatically hides the keyboard. class. My keyboard will open whenever I press on textfield. 6 and beyond. Code sample Code sample Aug 22, 2020 · 1. Customize this to your liking. Feb 2, 2021 · I would like to go to another screen when the user click/select the field instead of showig the keyboard. run sample in windows tablet mode flutter create --sample=widgets. viewInsets. TextInputType keyboardType. I tried setting resizeToAvoidBottomPadding to false, but then nothing moves (of course) and the TextField 's get covered by the keyboard. This widget interacts with the TextInput service to let the user edit the text it contains. Sep 14, 2020 · 1. 2. Sep 13, 2022 · flutter :Hide keyboard for a TextField. Mar 20, 2019 · Wanting to push bottom sheet up by using solutions recommended here: Scaffold( resizeToAvoidBottomPadding: false, body: ) or. I added code snippet below. Once that happens, text entered with the keyboard flows to that part of the application until the focus Dec 20, 2018 · To fix this issue; All you need is to use Keyboard padding using MediaQuery. reversed. 0 Hey did you use showDialog method. textEditingController. keyboardType. Column, ListView, etc) like Jan 25, 2023 · To prevent the soft keyboard from covering your TextField while the user is typing, you can wrap your main widget with SingleChildScrollView. The keyboard automatically shifts the dialog up and appears on screen when the text field is tapped. Aug 19, 2020 · If you don’t want to go through step by step, you can use below method to save time: /// Hide the soft keyboard. This is snippet of the textfield. Flutter comes with a focus system that directs the keyboard input to a particular part of an application. Lets say I have a textfield: TextField( controller: textEditingController, ); I would like to use code to the effect below so that the user dons't have to tap the textfield. When you click on the TextField it opens up the on-screen keyboard. See this for more information on the SingleChildScrollView. However, the same principle can be applied to dismiss the keyboard when tapping a button. Nov 27, 2019 · How to focus on TextField without showing keyboard. May 23, 2022 · On downgrading my flutter version to 2. The done action indicate that is the last field of the form and Jun 6, 2024 · keyboardType property. when I removed it everything worked fine. ) while implementing a package called screenutilinit. Also, remember to set height for its child (ex: use container() ), so you can use your widgets through Column(): return Scaffold(. The problem is that the Scaffold's bottomSheet is above the keyboard so in some cases the bottomSheet hides the TextFormField. Jul 18, 2021 · Dismiss the keyboard and hide the keyboard in Flutter when touched outside, on Tap or on Scroll. as in. 0. click unfocus the soft keyboard should auto hide, but not. mk ns tw he pk jz nz jl ps ph