[34] Chickenpaint accidentally zooms on Ipad
Why ID:r305jPp2 21/07/22
19 posts omitted.
さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23
<style>
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
}
</style>
CSS that prevents the screen from being selected. And CSS that doesn't zoom.
Please test again.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
あ
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
}
</style>
CSS that prevents the screen from being selected. And CSS that doesn't zoom.
Please test again.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
あ
Why ID:HfFhudDQ 21/07/23
It's working like the original version now (#282). This is much better, thank you!
あ
あ
さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24
<style>
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
</script>
After a conversation with another user, I came to the conclusion that this seems to be the best answer.
We also give feedback to the developers of chickenpaint.
This is a provisional response.
あ
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
</script>
After a conversation with another user, I came to the conclusion that this seems to be the best answer.
We also give feedback to the developers of chickenpaint.
This is a provisional response.
あ
Why ID:OYQJedW. 21/07/24
Thanks for working through it! I had seen the other problem as well, I'm glad someone spotted it because I only tested lightly. I'll try a full drawing with the updated Chickenpaint sometime.
Cheers
あ
Cheers
あ
I've noticed when using Ipad+Apple pencil, Chickenpaint zooms in when double tapping on the "Misc" toolbar. This can make drawing quite cumbersome when you want to undo multiple strokes. The only way to unzoom is to either use pinch gestures on the toolbar or scroll to "Tool Options" and double tap there.
Interestingly, this behaviour isn't observed trying the sample program on the developer's site thenickdude.github.io/chickenpaint-example/
IOS Version 14.6
Browsers: Safari and Chromium
あ