layout: "docs_api" version: "1.1.0" versionHref: "/docs" path: "api/directive/keyboardAttach/"

title: "keyboard-attach" header_sub_title: "Directive in module ionic" doc: "keyboardAttach"

docType: "directive"

keyboard-attach

keyboard-attach is an attribute directive which will cause an element to float above the keyboard when the keyboard shows. Currently only supports the ion-footer-bar directive.

Notes

• This directive requires the Ionic Keyboard Plugin.
• On Android not in fullscreen mode, i.e. you have <preference name="Fullscreen" value="false" /> or no preference in your config.xml file, this directive is unnecessary since it is the default behavior.
• On iOS, if there is an input in your footer, you will need to set cordova.plugins.Keyboard.disableScroll(true).

Usage

 <ion-footer-bar align-title="left" keyboard-attach class="bar-assertive">
   <h1 class="title">Title!</h1>
 </ion-footer-bar>