Add support for text selection on mobile about clipboard.js HOT 17 CLOSED

😧

from clipboard.js.

Not supported :(

I would really like to see it in mobile because a lot of other options don't do it.

from clipboard.js.

For clarity, when I tested on both Safari and Chrome mobile browsers on iOS when, when I click a copy button on the demo site, I just see the 'Not Supported' popup. The browser focuses the input field, but the text is not selected. Even if we can't copy directly to clipboard on mobile, are there browser APIs available to at least automatically select the text waiting to be copied?

from clipboard.js.

@chrismanderson I did the exact same thing and got the exact same results.

from clipboard.js.

As described in the Browser Support section, execCommand is not supported on mobile yet. So for now, there's nothing we can do about it.

Regarding text selection on mobile, there's seems to be a workaround using setSelectionRange http://stackoverflow.com/questions/3272089/programmatically-selecting-text-in-an-input-field-on-ios-devices-mobile-safari

Pull requests are welcome.

from clipboard.js.

@zenorocha: I'm interested in fixing this bug, may you please clarify what exactly should be done?

Are we going to select the input text only if we're on mobile and copy is not supported?

from clipboard.js.

What should be done is simply selecting text on mobile devices.

from clipboard.js.

I do this (copies on desktop and Android, and selects on iOS): https://jsfiddle.net/ryanpcmcquen/dx5vvzc1/

from clipboard.js.

Hey @ryanpcmcquen, I tested on an iPhone & iPad but selection didn't work.

from clipboard.js.

@zenorocha are you on iOS 9? Try the full screen version (https://jsfiddle.net/ryanpcmcquen/dx5vvzc1/embedded/result/). Works here for me.

from clipboard.js.

Confirmed that it does work on the iOS simulator but not on real devices.

from clipboard.js.

I just tested this on my iphone and my ipad and it worked for me! (Tested it in Safari)

from clipboard.js.

@zenorocha @ryanpcmcquen See comment above.

from clipboard.js.

Since it does seem to work on some iOS devices, I implemented a library for it:

https://github.com/ryanpcmcquen/simpleJsCopy

Not as robust as clipboard.js, but it may suit some people's needs. 👍

from clipboard.js.

Hey @ryanpcmcquen,

I see you discovered how make a selection on iOS devices. Could you make a PR?

from clipboard.js.

@zenorocha, I see you could not be bothered to star my repo while asking for code from it ... 😕

from clipboard.js.

Hey everyone, I just moved all selection logics from clipboard.js to a different repo called select c6dc01c.

Also moving this issue there zenorocha/select#1

from clipboard.js.