Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can't copy / paste in PhoneGap Ionic IOS

I'm using PhoneGap to build an app in IOS and it is almost done.

I just ran into a small problem. The user doesn't seem to be able to copy / past his content in an input field.

I'm using

  • Cordova 3.6.3
  • Ionic Framework 1.2.8
  • IOS 8.1.1
like image 319
Gus de Boer Avatar asked Nov 28 '14 12:11

Gus de Boer


2 Answers

try adding this css

   input, textarea {
        -webkit-user-select: auto !important;
        -khtml-user-select: auto !important;
        -moz-user-select: auto !important;
        -ms-user-select: auto !important;
        -o-user-select: auto !important;
        user-select: auto !important;  
  }

I suppose ionic includes some css to avoid the copy/paste as usually the apps don't allow you to copy their content

like image 51
jcesarmobile Avatar answered Oct 31 '22 20:10

jcesarmobile


Based on @jcesarmobile answer. This has worked for me. Ionic 2 , beta 10.

 .selectable{
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: all;
    -ms-user-select: auto;
    -o-user-select: auto;
    user-select: auto; 
  }
like image 25
Raydelto Hernandez Avatar answered Oct 31 '22 20:10

Raydelto Hernandez