HTML5 text entries not working

[paul2710]

Hi

I've created a standard Captivate 9 file (non-responsive). Published out as HTML5, works fine on my laptop but the second i try this on my iphone or ipad the text i'm typing in the text entry box isnt showing. I type and its like its transparent, if i then try to delete the 'transparent' text i can then type text and see it. So initially the field seems to be transparent.

Anyone come across this issue ? Its a 'standard' text entry interaction where they have to click on a field after they've typed the right answer. But its strange i cant see the text being input unless i delete and then type it a second time.

[TLCMediaDesign]

Put this CSS in the head of the index.html page, or at the bottom of the CPLibraryAll.css. If you put it in the CSS file. do NOT use the <style> and </style> tags :

<style>

input, input:before, input:after{

-webkit-user-select:initial !important;

-khtml-user-select:initial !important;

-moz-user-select:initial !important;

-ms-user-select: initial !important

}

</style>

[paul2710]

Thanks a ton. I'll try this out shortly

I created a brand new file with a text entry and it worked fine on an ipad so perhaps somehow mine got 'corrupt' at some point.

[TLCMediaDesign]

This happens all the time on iPads.

[silviaphilbrick]

Hi! Did you ever find a solution to this? Did inserting the above code into the html file work? I am having a similar issue with text entered not showing up on an iPad until after another button is clicked.