JS: No cursor at input text

[Rainer Lonau]

Hi devs,

I'm really stuck here with some weird issue:
I've got a form like this in the AREL index.php

<form>
        <label for='commentName'>Name: </label>
        <input id='commentName' type='text' name='cName' size='30' value='test' /><br />
</form>

I can click in the text-field and the keyboard comes up. See screenshot attached. The problem is, there is no cursor and I can't type anything. The "test" text is predefined through the "value" parameter.

It's really hard to debug with the whole AREL thing and Google get's me nowhere for hours.

Anyone experienced this issue?

Thanks,
Rainer

[Rainer Lonau]

Finally got it working. Problem was in the .css file

* {
        -webkit-highlight:           none;
        -webkit-touch-callout :      none;
        -webkit-user-select:         none;
}

This prohibits user input. I've added the following code to get it working with input and textareas.

input, textarea {
    -webkit-user-select: auto;
}

Seems very simple and logic, but hard to Google :D

Cheers,
Rainer

[Stefan]

thanks for figuring that out.

I've reposted the question and answer to the new forum:

http://helpdesk.metaio.com/questions/110/js-no-cursor-at-input-text?page=1#111

On Saturday, September 29, 2012 7:14:26 PM UTC+2, Rainer Lonau wrote:

Finally got it working. Problem was in the .css file

* {
        -webkit-highlight:           none;
        -webkit-touch-callout :      none;
        -webkit-user-select:         none;
}

This prohibits user input. I've added the following code to get it working with input and textareas.

input, textarea {
    -webkit-user-select: auto;
}

Seems very simple and logic, but hard to Google :D

Cheers,
Rainer

Am Samstag, 29. September 2012 17:37:23 UTC+2 schrieb Rainer Lonau: