ModalView with input text field, closing on Android when keyboard appears.

2 posts, 0 answers
  1. Michael
    Michael avatar
    6 posts
    Member since:
    Dec 2012

    Posted 23 Dec 2012 Link to this post

    Hi There,

    I have a ModalView with an input text field, which closes on Android as soon as the onscreen keyboard appears.

    In the browser (Chrome) it works ok, here's the source.

    <div data-role="modalview" id="modalview-add-to-cart" style="width: 95%; height: 270px;">
      <div data-role="header">
        <div data-role="navbar">
          <span>Add to order</span>
          <a data-click="closeModalView" data-role="button" data-align="right">Cancel</a>
        </div>
      </div>
      <div class="modal-view-inset">
        <div id="modalview-add-to-cart-order"></div>
        <div><input type="text"
        id="modalview-add-to-cart-customer-note" placeholder="Any special instructions?"></input></div>
      </div>
      <div data-role="footer">
        <a data-click="addToCart" type="button"
           data-role="button">Add To Your Order</a>
      </div>
    </div>
    I'm invoking it from a function call (triggered by a data-role="touch" data-tap="handler")
    $('#modalview-add-to-cart').data("kendoMobileModalView").open();
    However, if I launch it using:
    <a data-rel="modalview" href="#modalview-add-to-cart" class="menu-item-buy" >+</div>
    It works as expected,  how can I stop it closing when opened by the javascript?



       
  2. Michael
    Michael avatar
    6 posts
    Member since:
    Dec 2012

    Posted 24 Dec 2012 Link to this post

    Appears to be fixed in  kendoui.mobile.2012.3.1210
  3. Kendo UI is VS 2017 Ready
Back to Top