angular-clipboard icon indicating copy to clipboard operation
angular-clipboard copied to clipboard

IOS Safari - page jumps when copying

Open bubenshchykov opened this issue 6 years ago • 1 comments

I have a copy button at the bottom of page. When clicked, the page zooms and scrolls to the top a little bit. Also, I see an iphone keyboard blink (appears and disappears). Does anybody know how to fix it?

PS I thought it might be because of temporary node having font smaller than 16px - then iphone zooms input controls when they are in focus. textarea[style^="position: absolute; left: -10000px; top: "] {font-size: 16px;} - this funny css hack didn't help )

Thanks for any ideas

bubenshchykov avatar Aug 16 '17 19:08 bubenshchykov

Fixed here https://github.com/omichelsen/angular-clipboard/pull/70 iphone keyboard still blinks for some milliseconds, don't know how to fix it

Surprisingly, there is no keyboard blink in https://github.com/zenorocha/clipboard.js, even though code is very similar. Would be nice if zenorocha/clipboard is required here, as it seems to have a bigger community support and works smooth

bubenshchykov avatar Aug 16 '17 20:08 bubenshchykov