MARKETPLACE
PLUGINS
OPEN IOS KEYBOARD (APPLE IPHONE)
Open iOS keyboard (Apple iPhone) logo

Open iOS keyboard (Apple iPhone)

Published February 2023
   •    Updated December 2025

Plugin details

iOS doesn't natively allow websites/apps to trigger the iOS keyboard without the user actively touching an input. This plugin allows you to do that.

Case scenario 1

You have a button that makes a search input appear.
Normally, an iOS user would have to then click on the input to make the iOS keyboard appear.

With this plugin, the keyboard appears automatically and the inputs gets in focus, ready to type.


Case scenario 2

You have a chat system in your app, with a message input and a "send" button.
After sending a message, an iOS user would have to click again on the input element, to make the keyboard appear again and be able to type the next message

With this plugin, after a message is sent, the input gets cleared, stays in focus and the iOS keyboard stays open, ready to type the next message.


DEMO and INSTRUCTIONS here:

https://open-native-ios-keyboard.bubbleapps.io/version-test

BUBBLE EDITOR:
https://bubble.io/page?id=open-native-ios-keyboard

$19

One time  •  Or  $7/mo

4.0 stars   •   6 ratings
57 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

CODE B logo
CODE B
Joined 2022   •   1 Plugin
View contributor profile

Instructions

INSTRUCTIONS
STEP 1
In Bubble editor, go to Settings -> General - > and activate the option "Expose the option to add an ID attribute to HTML elements."

STEP 2
Place the element 'Open native iOS keyboard' on the page where you want to use the plugin. You can find the element in the section "Visual elements" in Bubble editor

STEP 3
In Bubble editor, click on the button element that you want to use with the plugin.
The bubble inspector window will open.
In the first tab (Appeareance), scroll to the bottom. There is a field called ID Attribute. type in an ID for the button, for example button_id

STEP 4
Do the same as STEP 3 for the input element that you want to use with the plugin.
Set an ID, for example input_id

STEP 5
Click on 'Open native iOS keyboard' element and type in the IDs that you setup for the button element and for  the input element.

DONE :)

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Mobile   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.0)

it is working fine!
September 25th, 2024
I really needed this. thanks!
Great plugin (but let's improve a little bit)
July 9th, 2024
Thanks for the plugin that works. But could you make the fields to be filled with a dynamic text value instead of a static one?
Hi, thanks for your feedback. The new version of the plugin now supports dynamic text values. Thanks (plugin author)
September 11th, 2024
  •  
CODE B
Solves the problem, need the ability to maintain existing data
March 20th, 2024
I spent the last 2 hours trying to find something that will do this, so super excited about the plugin. To the creator, could you please add the ability to maintain the dynamic initial content? It is frustrating that it gets wiped. Gonna have to build another workaround for this part in the meantime.
I take it back - it works great! Thank you for building this.
March 20th, 2024
  •  
Original reviewer
It works very well
February 12th, 2024
Really easy to use and solved my problems with iOS keyboards
Please make a version where the input does not automatically clear
November 29th, 2023
This would work perfectly for my setup if you can provide an option so that the input does not clear
Bubble