Android: Calling TextInput instance's focus() after keyboard is closed via back button/submit doesn't bring up keyboard  #19366

Activity

1. react-native-bot

   added

   📋No Environment Info

   Platform: AndroidAndroid applications.Android applications.

   Component: TextInputRelated to the TextInput component.Related to the TextInput component.

   on May 21, 2018
2. anhtukhtn commented on May 22, 2018

   

   anhtukhtn

   on May 22, 2018

   Last edited by anhtukhtn

   More actions

   Do you solve the problem?
   I work around by:

         this.textInput.blur();
   
         setTimeout(() => {
           this.textInput.focus();
         }, 100);
   
   

   👍React with 👍4Reacted by climam, Michel Billard, Robert Tyree and Dileep Bolisetti
3. narobertson42 commented on May 22, 2018

   

   narobertson42

   on May 22, 2018

   Author

   More actions

   @anhtukhtn that approach works sporadically, perhaps every tenth time. My workaround was to put my hidden TextInput behind my custom TextInputDisplay and allow clicks to pass through to the TextInput. It's not a great solution, but it works for my specific use case.
4. react-native-bot commented on May 23, 2018

   

   react-native-bot

   on May 23, 2018

   Collaborator

   More actions

   Please run react-native info and update your issue.
5. narobertson42

   changed the title [-]Android: Calling TextInput instance's focus() after keyboard is closed via back button/submit doesn't bring up keyboard[/-] [+]Android: Calling TextInput instance's focus() after keyboard is closed via back button/submit doesn't bring up keyboard [/+] on May 29, 2018
6. climam commented on Jun 27, 2018

   

   climam

   on Jun 27, 2018

   More actions

   I also face this issue. It seems to happen only when there is a change of type of keyboard between two TextInput. @anhtukhtn, your approach always work for me. The only thing that must be done if you want the autofocus, is to implement this in your componentDidMount:

   componentDidMount() {
         setTimeout(() => {
           this.workaroundFocus();
         }, 100);
   }
   
   workaroundFocus() {
         this.textInput.blur();
   
         setTimeout(() => {
           this.textInput.focus();
         }, 100);
   }
   
   render() {
   return <TouchableOpacity onPress={() => this.workaroundFocus()}>;
   }
   

   This is pretty ugly but it does the job.

   👍React with 👍3Reacted by uragecz, Robert Tyree and trietbui85
7. hramos

   removed

   📋No Environment Info

   on Jul 2, 2018
8. hramos

   added

   🔶Components

   on Sep 21, 2018
9. stale commented on Dec 21, 2018

   

   staleBot

   on Dec 21, 2018

   More actions

   Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.
10. stale

    added

    StaleThere has been a lack of activity on this issue and it may be closed soon.There has been a lack of activity on this issue and it may be closed soon.

    on Dec 21, 2018
11. stale commented on Dec 28, 2018

    

    staleBot

    on Dec 28, 2018

    More actions

    Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.
12. stale

    closed this as completedon Dec 28, 2018
13. react

    locked as resolved and limited conversation to collaborators on Dec 29, 2018