Ionic-framework: Can't copy text data from ionic page

[webmak]

You can check it in different ionic components http://ionicframework.com/docs/v2/components/#overview. Try to make copy of some text data

[webmak]

sorry there where same question

[brandyscarney]

I don't understand the problem. Are you talking about selecting text inside of an Ionic app?

[webmak]

yes

[brandyscarney]

This is by design, but we will work on adding some configuration for specific platforms in a future version.

[webmak]

sure. have fixe this in my case

[brandyscarney]

Reopening because we need to add some config to make this easier to enable.

[weolopez]

is there some way to enable this prior to the final fix? I have a deadline and need to enable text select.

[brandyscarney]

@weolopez You can override these css properties to use text:

-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;

this allows you to select the text when not emulating - it hasn't been tested alongside gestures though. :smile:

[aszmyd]

@brandyscarney Your workaround does not work. Not sure why, are there additionally some javascript blockers for this?

[PaulSec]

Interested in when this will also available :-)
Keep it up guys, pretty cool project!

[astopo]

Adding those CSS properties worked for me! Thank you!

[claudioviola]

Not with css for me. Use input readonly :)

[subin-george]

I got a link and I have no idea about it, please check as :)
https://forum.ionicframework.com/t/how-to-make-text-selectable/4384

[billygerhard]

This has been open for over a year, this was removed from all milestones, are there still plans on adding this?

[brandyscarney]

@billygerhard Yes, we are still planning on adding it. :)

[ErkoKnoll]

Would be nice to have official support because I cannot get the individual elements working when adding user-select: text.

[ap1969]

Hi,
Any update on this? It's a major issue for more content-based apps. I really don't want to have to move away from ionic just for this! (Also - solution needed for ionic 1 as well)
Regards,
Andy

[deoxen0n2]

Hi everyone, adding CSS from @brandyscarney and this attribute on ion-content worked for me:

<ion-content overflow-scroll="true">
   ...
</ion-content>

Hope this helps.

Edit: It will work as long as you don't care about native scrolling like in the web browser. Alternative solution is to create something like copy button using this http://ngcordova.com/docs/plugins/clipboard/ plugin for Ionic v1. I haven't try Ionic v2 but it should be this one: http://ionicframework.com/docs/native/clipboard/.

[vishnuvathsan]

is there a plan for the fix? if so, when?

[malwatte]

Anyone got a workaround please?

[bdoner]

@malwatte Sure, right here.

[imrvshah]

Hello Guys,

I am trying to get copy/paste options using css

    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; 

I got it from https://github.com/driftyco/ionic/issues/5198#issuecomment-203478492

It is working fine in Android but when I test in iOS it is select the text even if the user didn’t do a long press on the selectable text.

You can see this video.

https://screencast.com/t/Q6zBpWjR2

[gvillafanetapia]

Hello,

This worked for me.

In app.module.ts, in imports set properties scrollAssist and autoFocusAssist to false:

@NgModule({
  declarations: [
    ....
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
      platforms: {
        ios: {
          scrollAssist: false,
          autoFocusAssist: false
        },
        android: {
          scrollAssist: false,
          autoFocusAssist: false
        }
      }
    }),
    HttpModule
  ]
})
....,

Hope it helps!

[Tanzeel064]

@gvillafanetapia thank u so much it really worked for me also.

[alenl]

I was looking for a way to make the text selectable in desktop web browser. @brandyscarney 's solution above in this thread is good, but you have to apply it to each element you want to be able to select. I.e. add the same CSS to body,text,p,h1,h2,h3....
The same can be accomplished globally with the * selector, but that might be too blunt of a tool, perhaps. Some items, like menu options, are better off not being selectable.

[ionitron-bot[bot]]

Thanks for the issue! We have moved the source code and issues for Ionic 3 into a separate repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

Thank you for using Ionic!

[ionitron-bot[bot]]

Issue moved to: https://github.com/ionic-team/ionic-v3/issues/39