Text in <p> tag not selectable

3 posts, 0 answers
  1. Jason
    Jason avatar
    10 posts
    Member since:
    Jun 2012

    Posted 05 May 2014 Link to this post

    The following is a snippet of code from a mobile app.  How do I make the text in the <p> tags select/copy/paste capable? When I touch the device screen the text is never selected.

    <div data-role='view' id='faq' data-title='FAQ' data-layout='withNav'>
    <p class='question'>
    Does the app track my location?
    </p>
    <p class='answer'>
    No, the app does not track your location.
    </p>
    </div>

    I'm using KendoUI Mobile 2014.1.423
    Thanks
  2. Nikola
    Admin
    Nikola avatar
    22 posts

    Posted 06 May 2014 Link to this post

    Hi Jason,

    The observed behavior is caused by the fact that Kendo's css has set '-webkit-user-select' to 'none'. To override this, simply set it to 'auto' in your .css:

    p {
        -webkit-user-select: auto;
    }

    Let me know if this works for you.

    Regards,
    Nikola
    Telerik
     

    Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

     
  3. Jason
    Jason avatar
    10 posts
    Member since:
    Jun 2012

    Posted 06 May 2014 in reply to Nikola Link to this post

    Thanks for the quick response!  It works great.
Back to Top