Keyboard is one in every of the machine-driven options in Ionic. this implies that Ionic will acknowledge once there's a desire to open the keyboard.
<label class = "item item-input"> <input type = "text" placeholder = "Input 1"> </label> <button class = "button button-block hide-on-keyboard-open"> button </button>
The above code will produce the following screen −
Now, once we faucet on the input field, the keyboard can open mechanically and therefore the button can become hidden.
A nice feature of Ionic is that it'll regulate parts on screen, therefore the targeted component is usually visible once the keyboard is open. the subsequent image below shows 10 Input forms and also the last one is blue.
When we faucet the blue kind, Ionic can modify our screen, that the blue kind is often visible.