TIP: Hide Keyboard Button (Any better ideas?)

Since there’s no built in way to hide keyboard, here’s what I setup.

Pls let me know if someone has a better idea…because there’s got to be a better way. Hopefully bubble will release this as a native feature soon.

Step 1: Create floating group at bottom that moves with keyboard. Add “Done” button.
Step 2: Set condition on this FG to be visible when any input is focused.
Step 3: Create a “inputs disabled?” YES/NO property
Step 4: Add condition on all inputs that when “Inputs disabled” is YES this input is disabled.
Step 5: Create a WF when “Done” button pressed

  • set inputs disabled? to YES
  • add pause for 200ms
  • set inputs disabled? to YES
  • hide floating group

This seems to fail sometimes. Haven’t figured out if it’s user error or maybe i should add more pause time.

any other ideas?

Hola! Just adding my own solution - which builds on yours - to the thread, for others to read, in case useful. Mine is a chat. So, what I did is that I have a chat=yes/no state on the main container group (Group 1). When the user clicks on the middle group, contained in Group 1, I set the state to no, and I have a condition on the Mulltiline Input to be disabled when chat=no, which hides the keyboard, I then have a 500 ms pause, then I set back chat=yes, that way I stop interfering with the user´s typing. As back up, I inserted the MultilineInput in a group (fitting to the content), which, when clicked, sets chat=yes, just to be super sure that the user will be able to type.

There’s this great plugin by Eny (BuildLaunch) Contributor Profile | Bubble

Dismiss Keyboard Mobile

After you’re done, just add a dismiss keyboard action on the specific workflow.

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.