Multiselect widget behaviour in IOS

8 posts, 0 answers
  1. Rasika
    Rasika avatar
    1 posts
    Member since:
    Jul 2014

    Posted 07 Jul 2014 Link to this post

    How do we prevent popping up keypad when using this multiselect widget. It is text input box. if we make it read-only then the multiselect feature won't work.
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 08 Jul 2014 Link to this post

    Hello Rasika,

    This is the default behavior of an input element on a touch device - when focused the keyboard is shown. The same behavior can be observed without Kendo UI as well. Its a browser behavior that we cannot work around at the current moment.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Michael
    Michael avatar
    4 posts
    Member since:
    Feb 2015

    Posted 02 Aug 2016 in reply to Kiril Nikolov Link to this post

    Have there been any changes to supporting this on a touch device?  Having the soft keyboard pop up is not needed and its an annoyance.
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 03 Aug 2016 Link to this post

    Hello,

    As I said it will be the same behavior with a simple input and no Kendo UI scripts loaded on the page. We cannot workaround browser behavior I am afraid.

    Regards,
    Kiril Nikolov
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  5. Oscar
    Oscar avatar
    1 posts
    Member since:
    Sep 2012

    Posted 01 Feb Link to this post

    Give this a try:

          $(".k-multiselect").find("input").attr("type", "hidden");

    It seems to be working for me.

  6. Michael
    Michael avatar
    4 posts
    Member since:
    Feb 2015

    Posted 15 May in reply to Oscar Link to this post

    This works perfectly!  Thanks!!!
  7. Michael
    Michael avatar
    4 posts
    Member since:
    Feb 2015

    Posted 16 May Link to this post

    Telerik,

    Is it possible to incorporate a solution like this into the product in an upcoming release?  This works perfectly.

    $(".k-multiselect").find("input").attr("type", "hidden");

    Thanks to Oscar for the solution. 

  8. Misho
    Admin
    Misho avatar
    148 posts

    Posted 18 May Link to this post

    Hi,

    As it was already discussed this is the default behavior of the inputs so there are no plans to change this behavior for the time being. You can use Oscar's solution as a workaround. Here is a sample:
    http://dojo.telerik.com/@parvanov/OLOzE/4

    That said, we do want your feedback, feature requests and suggestions for improvements, which is why we’ve set up a User Voice portal for just this purpose. By funneling feedback through a dedicated feedback portal, we’re able to gauge customer interest, clarify needs and measure the status of requests over time. It has been a critical part of our product development over the last years, so I do hope you’ll head on over to the portal to enter future requests.

    Best Regards,
    Misho
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top