ModalView input field and keyboard

9 posts, 0 answers
  1. Gedas
    Gedas avatar
    1 posts
    Member since:
    Sep 2013

    Posted 01 Oct 2013 Link to this post

    Hi,
    I have found a bug in Kendo mobile demo. If you open ModalView in the demo and click on the input field, the native keyboard pushes the whole modal up, and you can no longer see the input field, even when typing.

    Bug is reproducible on Android 4.1.2 native browser. Samsung Galaxy S2 phone.

    Any ideas on how to fix this?
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 03 Oct 2013 Link to this post

    Hi Gedas,

    This is not exactly a bug, because it works as expected, just the modal view is repositing incorrectly when the keyboard is shown. We are currently working on rewriting the code behind the modal positioning, so expect a fix to be released soon.
     
    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. Kendo UI is VS 2017 Ready
  4. Paul McNamara
    Paul McNamara avatar
    30 posts
    Member since:
    Apr 2010

    Posted 25 Oct 2013 Link to this post

    Any word on this? Is it in an internal build or will we have to wait for 2013.3? Our issue is that the keyboard sits on top in "normal" Safari (iOS7) but when working as a pinned app the keyboard pushes the content up and the modalview is no longer visible.
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 25 Oct 2013 Link to this post

    Hi Paul,

    The fix will be available in the Q3 release of Kendo UI. Most probably we will make it available for the Beta release scheduled for the end of this month, but this is not confirmed yet.
     
    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Jason Feng
    Jason Feng avatar
    3 posts
    Member since:
    Apr 2010

    Posted 01 Nov 2013 Link to this post

    I am having the same problem. This problem doesn't exist in Q1 2013 release. It starts from Q2.
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 04 Nov 2013 Link to this post

    Hi Jason,

    As I said a fix will be available with the next major release of the Kendo UI Suite. Thank you very much for your patience and please accept our apologies for any inconvenience caused.
     
    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. Paul McNamara
    Paul McNamara avatar
    30 posts
    Member since:
    Apr 2010

    Posted 12 Nov 2013 Link to this post

    I just put together this workaround:

     $(window).resize(function (e)
        {
             repositionModalView("MyModalViewId");           
        });

    function repositionModalView(modalViewId)
        {
            $("#" + modalViewId).closest(".k-animation-container").css("transition", "top 0.5s"); //Make it a bit less "jumpy"
            var viewportWidth = $(window).width();
            var viewportHeight = $(window).height();
            var modalHeight = $("#" + modalViewId).closest(".k-animation-container").height();
            $("#" + modalViewId).closest(".km-shim.k-state-border-down").css("height", viewportHeight + "px");
            var modalTop = (viewportHeight - modalHeight) / 2;
            $("#" + modalViewId).closest(".k-animation-container").css("top", modalTop + "px");
        }

    I've tested in on iOS7 and Android 4.2.2. On WP8 I have 100% height dialogs so I don't run this code.
  9. myTeamWorks
    myTeamWorks avatar
    15 posts
    Member since:
    Jan 2013

    Posted 18 Nov 2013 Link to this post

    Hello,

    We're facing the same problem. Is it resolved in the latest version of kendo mobile?

    Thanks.
    Bastien
  10. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 19 Nov 2013 Link to this post

    Hello Gedas,

    The issue should be fixed in the next Q3 release, which will be out tomorrow.

    Regards,
    Kamen Bundev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready