How do you handle keyboard view?



  • Hi,
    I’ve recently started developing a hybrid app with Onsen. However, I have ran into some difficulties. Basically, by testing it on my iOS device, when I focus into a textarea to write, the keyboard appears but it pushes the entire page up? I’ve tried working around with fixed positioning but it didn’t quite work. So, how do you handle keyboard view?

    p.s If anyone needs this is my code:

               <div id='new-post-container'>
                    <ons-card id='new-post'>
                            <div class='title'>
                                <button><i class='fa fa-angle-left'></i> Exit</button>
                                <button>Post <i class='fa fa-angle-right'></i></button>
                                <span>New Product</span>
                            </div>
                            <div class='content'>
                                <input type='text' name='Title' placeholder='Product title'>
                                <input type='number' name='price' placeholder='Product price'>
                                <textarea name='product-desc' placeholder="Product description"></textarea>
                                <button><ons-icon icon="fa-camera" size="20px"></ons-icon></button>
                            </div>
                    </ons-card>
                </div>
    

  • Onsen UI

    @Oti-Kadriu I think you can use the keyboard plugin for that.


Log in to reply