This is a migrated thread and some comments may be shown as answers.

ModalView input field and keyboard

8 Answers 85 Views
ModalView
This is a migrated thread and some comments may be shown as answers.
Gedas
Top achievements
Rank 1
Gedas asked on 01 Oct 2013, 08:48 AM
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?

8 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 03 Oct 2013, 07:04 AM
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!
0
Paul McNamara
Top achievements
Rank 1
answered on 25 Oct 2013, 01:03 PM
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.
0
Kiril Nikolov
Telerik team
answered on 25 Oct 2013, 02:46 PM
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!
0
Jason Feng
Top achievements
Rank 1
answered on 02 Nov 2013, 04:19 AM
I am having the same problem. This problem doesn't exist in Q1 2013 release. It starts from Q2.
0
Kiril Nikolov
Telerik team
answered on 04 Nov 2013, 07:37 AM
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!
0
Paul McNamara
Top achievements
Rank 1
answered on 12 Nov 2013, 11:37 AM
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.
0
myTeamWorks
Top achievements
Rank 1
answered on 18 Nov 2013, 11:03 AM
Hello,

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

Thanks.
Bastien
0
Kamen Bundev
Telerik team
answered on 19 Nov 2013, 01:00 PM
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!
Tags
ModalView
Asked by
Gedas
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Paul McNamara
Top achievements
Rank 1
Jason Feng
Top achievements
Rank 1
myTeamWorks
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or