Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

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.