This is a migrated thread and some comments may be shown as answers.

Text in <p> tag not selectable

2 Answers 123 Views
General Discussion
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Jason
Top achievements
Rank 1
Jason asked on 05 May 2014, 07:57 PM
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 Answers, 1 is accepted

Sort by
0
Nikola
Telerik team
answered on 06 May 2014, 01:27 PM
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!

 
0
Jason
Top achievements
Rank 1
answered on 06 May 2014, 02:11 PM
Thanks for the quick response!  It works great.
Tags
General Discussion
Asked by
Jason
Top achievements
Rank 1
Answers by
Nikola
Telerik team
Jason
Top achievements
Rank 1
Share this question
or