Skip to main content
paul2710
paul2710
Known Participant
January 9, 2017
Question

HTML5 text entries not working

  • January 9, 2017
  • 1 reply
  • 463 views

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.

    This topic has been closed for replies.

    1 reply

    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    January 9, 2017

    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
    paul2710Author
    Known Participant
    January 10, 2017

    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
    TLCMediaDesign
    Inspiring
    January 10, 2017

    This happens all the time on iPads.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices