IOS Textarea issues

[Mat]

In iOS when a textarea is focussed and then the view scrolled down the cursor floats over the text area until a new input is selected. Is there a way to keep the cursor in place when the view scrolls?

Also is there a workaround to allow a multi-line textarea?

[Dimo]

Hi Mat,

This looks like a browser bug related to the flexbox styles used in the Kendo Mobile Application. As a workaround, you can blur the textarea when the user scrolls:

$(document.documentElement).on("touchmove", function(e){
    var activeEl = document.activeElement;
    if (activeEl.tagName.toLowerCase() == "textarea" && e.target != activeEl) {
        activeEl.blur();
    }
});

There is no limitation, which prevents you from using multiline textareas (I suppose you are referring to the textarea size, which is configurable via CSS or the rows HTML attribute, which is required anyway).

Regards,
Dimo
the Telerik team

[Mat]

Dimo,

I'm afraid that workaround has had no effect in iOS

[Dimo]

Hello Mat,

Well, it worked on my test page. Have you debugged the script to see whether the textarea is actually blurred?

I am afraid this is the only workaround I can offer you.

Greetings,
Dimo
the Telerik team