POTI改 設置サポート掲示板

iPadではどうなるのかまでは読み取れなかったのですが、PC版Chromeの現行バージョンはChrome92です。
Chrome91は7月に更新されたようです。
という事は、iOS版のChromeのバージョンが91以降では、ダブルタップズームが発生する条件が変わった可能性があります。
日本語訳が正しければ

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/10.html

でも、ダブルタップズームは発生しない事になるようなのですが、
iPadのChromeでのテストはどうなるでしょうか?
Chromeのバージョンも一緒に教えていただけると助かります。

２日前にChromeのバージョンが92になっていましたので、テストしました。
10htmlでは、カラーピッカーとツールのみ、ダブルタップのズームが起きませんでした。
他のツールボックスではダブルタップと、もう一度ダブルタップを行った際の復帰も起きます。
レイヤー移動してもツールボックスの選択が死にませんでした。
参考になれば幸いです。

ダメでしたか…。
iOSのアプリとしてのブラウザレベルの問題ではなくて、iOSのOSレベルの何かなのか…。
とにかく、Chromeが92でも同じという事ですね。

Touch operations seem to be working the same as the old chickenpaint version.

Double tap zoom still occurs on the misc and other menus except for the toolbar. Text occasionally gets selected but it doesn’t affect drawing.

I also noticed that double tapping on the top bar with the drop down menus causes a small zoom, but disables the double tap problem. Problem is the toolbar on the left gets partially hidden. I have to drag it back or pan the screen towards it. It’s a bandaid fix, but casual users will still be affected…
さ

Whyさん
Thank you very much for the test work.

iPadの実機を持っている方にテストしてもらう事しかできない現状をお詫びします。
可能なら、次のurlのChickenPaintがどのように動作するのか教えてください。
I tried to avoid the problem by writing it differently.
After all, I don't have an iPad at hand, so I have no choice but to ask those who are watching here to check the operation.
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/11.html

そして、また少し調整したもの。
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/12.html

Double tap zoom doesn't happen on the Misc, Strokes and Color Swatches toolbars anymore. It still occurs on Layers, Tool Options, Color and Textures. After drawing a while longer, I think it's worthwhile to disable zoom on these.

I tried drawing for a bit longer to see if it becomes inoperable over time. From my test, all is running fine.

Cheers for the good work!
の

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/13.html
↑
The icon may respond, but the Layers palette does not prevent double taps.
The texture palette and tool palette have been fixed.

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/17.html
↑
A version in which the icon may become unresponsive when moving layers.
However, double tapping should have been suppressed considerably.

お手数をおかけしますが、この2つもテストしてみていただけないでしょうか?
We apologize for the inconvenience, but could you please test these two as well?

The above work the same as the last test. Double tap zoom still occurs on the menus other than "strokes" "misc" "color swatches" and "tools".

I drew briefly, but I didn't get any responsive issues.
の

Whyさん
Thank you for the test work.
>Double tap zoom still occurs on the menus other than "strokes" "misc" "color swatches" and "tools".
Is this the case with either 13.html or 17.html?

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/18.html
↑
Yet another version.
This can cause the icon to become unresponsive when you move layers.
I'd like to know if double tap zoom occurs in the texture palette and layer palette.
あ

お疲れ様です。
これまでのURLをすべてテストしてみましたが、すべてのバージョンで拡大は起きました。
そして、チェックすべきポイントが、
①ダブルタップで拡大するかしないか
②二本指ダブルタップで復帰できるかできないか
③レイヤー移動をした後ツールボックスが反応しなくなるかどうか
この三点をチェックすべきだと考えます。
①②においてはどのバージョンも拡大は起きました。そして二本指の復帰も可能でした。
ただ、③に関しては17htmlと18htmlは、レイヤー移動するとツールボックスが死んだのでアウトだと思います。
私のiPadでは以上です。
ちなみに2018年モデルのiPadproです。

すべてのバージョンで拡大が起きる
ですが、
例えば、どの箇所のタップで拡大するか、
何も対応を入れていない場合との違いはあるのかないのかも手がかりの一つだと思っています。
たとえば、レイヤーを移動すると動かなくなるけれど、ダブルタップで拡大が発生する箇所はレイヤー周りだけで、操作パレットでは発生しないなど。
｢操作｣では発生しないけれど｢テクスチャ｣ではダブルタップによる拡大が発生する
がその後どう変わったのかも知りたいです。
たぶん…というか予想しながら記述した内容どおりだとしたら
ダブルタップによる拡大も不具合もレイヤー周りだけで発生していて他では拡大しないのでは?
なのですが、実機が無いので本当のところはわかりません。
実機を買えばいいだけの話ではありますが…。
もし可能でしたら、詳細を教えてください。
1.ダブルタップして拡大する場所
2.13.htmlと18.htmlでダブルタップで拡大する場所は違う、あるいは同じ?
お手数をおかけします…。

拡大が大きくなる箇所は、17htmlと18htmlでは「ツール」「操作」「テクスチャ」「カラーセット」「ストローク」ではダブルタップが無効になっています。
「カラーピッカー」「レイヤー」「ツールオプション」では拡大が起きます。
でもこの二つはツールの選択が死ぬバージョンですね。

13thmlはすみません、今テストしてみたら、すべてのツールの部分で拡大が起きなかったんですが、ツールボックスの選択周りが死んでいます。

12htmlでは、「ツール」「操作」「テクスチャ」「カラーセット」「ストローク」ではダブルタップが無効になっています。
「カラーピッカー」「レイヤー」「ツールオプション」では拡大が起きます。
しかし、レイヤー移動してもツール選択が死にませんでした。

11thmlもレイヤー移動でツール選択が死にましたね。
拡大する箇所は同じです

10htmlは全てのツールボックスで拡大が起きました。
こんな感じで参考になりますでしょうか？

>Is this the case with either 13.html or 17.html?
That's correct.

I tested 18.html as well, the tap behaviour is the same as all previous versions from what I can tell.

Apologies I should've mentioned earlier, I'm on the 2020 Ipad pro 12.9".
の

ありがとうござます。
引き続きしらべます。

おそらく作者さんが、選択と拡大をしないように対策をする場合は、
おそらく、chickenpaintそのものの細かな指定のやり直しになるんだろうと思います。
どこに、選択させないCSSを適用して、どこに拡大させないCSSを入たらいいのかは個別に検討する事になるのだろうと思います。
JavaScriptでも同じ問題がでるという報告は追記でしておきます。
こちらで対処してみた処理はすべての要素に一括でかけるものなので、問題がでても当然なのかもしれません。

よろしくお願いします。気合いの入った絵が描けるアプレットなのに、気合を入れると固まるのではもったいないですからね。

ただ、chickenpaintの開発サイドにiOSのデバイスが無い時は…。
解決するまでに時間がかかるか、未解決になる可能性もありますね…。
作者さんにはデバッグの義務もないので、前向きに考えてもらえたら幸運という感じでしょうか。
拡大させない処理を行うと、なぜ操作に支障がでるのかさえわかれば、ある箇所にはダブルタップで拡大しない処理をいれて別のある箇所にはいれないができるんですけどね。

お手数をおかけします。
これを試してみて頂く事はできませんか?

div#chickenpaint-parent :not(.carousel){
touch-action:none;
}
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

タッチアクションなしの条件を、カーソル以外に変更してあります。

カーソルには
.chickenpaint .carousel.pointer-event {
touch-action: pan-y;
}
が指定されているので、この指定が残るように意図したものです。

試してみました。駄目ですね。
ダブルタップも普通に起きてズームして固まるうえに、ツールも死んでしまいます。
どうも、レイヤー移動のアクションをすると１００％ツールが死ぬようです。

レイヤーを移動させないとツールが死ぬ確率は低くなりますが、レイヤー移動がどうもやってはいけないアクションになっているようです。

何も特別な設定をしなくても、レイヤーの移動で操作不能になっている可能性はありませんか?
たとえば、
https://thenickdude.github.io/chickenpaint-example/
でも現象が再現するとしたら、
touch-actionの追加が原因で、問題が発生しているわけではない事に。

いえ、それは無いようです。
touch-action noneタグを一切消して、Javaによるタッチアクション制御も消して、スクリーンの選択をブロックするタグのみにして、投稿が失敗して完成まで持っていけなかったファイルの加筆上書きを試してみたら、完成させることもレイヤー移動も問題なくできるようになりましたから。
タッチアクションをどうにかしようとすると、ツールが死ぬバグが起きるという関係になっているようです。

div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
↑
これに関しては
ダブルタップによるズームの発生率が高くなるだけで、
アイコンが応答しなくなるような事は無いという認識でいいでしょうか?

はい、その認識で間違いないようです。
そのタグだけ入れていた時はツールは死んだりしなかったので。

キャッシュを読み込むかもしれないので、微妙なのですが、
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/
↑
このページでも画面が選択されてしまうでしょうか?

ズームした場合の一時保存・退避方法としては、iPad自体を縦横にくるくる回すとツール周りが中心に集まってきて移動できるようになるので、ズームした状態で一時保存して再び続きを書くという力業が使えないこともないですが…。
利用者さんにこの裏技を強いるのはストレスが高いのでお勧めしにくいですねえ…。

さとぴあさんが用意してくださったページでは全体が選択されることはなく、左側がちょっと選択されるだけですね。
ダブルタップのズームは出ますが。

>https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/

テスト中…なのかも。
このurlのページはCSSの内部で選択させないCSSにMozillaやSafari用のCSSを追加したものです。
1.ここで、選択される問題がでなくなるかどうか知りたい
2.意図しない拡大が発生しない形で選択されないが実現できているのならとりあえずの回避策になる
そんな考えです。

画像忘れました。こんな感じになります。
カラーピッカーをダブルタップするとズームして固まりました。

少しは有効…なんですね。
拡大してしまうのは同じ…。
では、また時間をかけて調べます…。
ありがとうございました。

お手数おかけします。
何とかこのバグを切り抜けたいですね…。
よろしくお願いします。

色々調べてみて試したら分かったことがあるので報告しますね。

iPadの仕様で、HTMLの画面上でペンによるダブルタップの拡大が起きた時、「HTMLで構成されているサイト」の部分を二本指でダブルタップすると、拡大状態から復帰できるようです。
つまり、JAVAで書かれたチキンペイントのスペースではダブルタックで拡大が起きたら何をやっても復帰できませんが、二本指などでスライドが可能な場合、余白のクレジットがかかれているHTMLスペースまでスライドして、そのスペース内で二本指でダブルタップすると、拡大状態から復帰できました。

なので、完全に固まるわけではなく、復帰する抜け道は無いわけではないようです。
このため、フルスクリーンモードでダブルタップ拡大が起きたら、通常モードに切り替えて、余白で二本指ダブルタップをする…。
うーん、力業ですね。知っていないとできない回避策です。

実機をもっていないので、エミュレートしていて気がついた事なのですが…。
chickenpaintはHTMLでJavaアプレットではないので、
｢操作｣パレットのアイコンの上でも二本指のダブルタップで拡大を解除できるのかもしれません。
なぜかというと、
操作パレットのアイコンのところで
ピンチインとピンチアウトが可能だからです。
PC版ChromeでiPad表示にした場合…なので実機ではどうなるのかわかりません。
ダブルタップで拡大する箇所は、おそらく逆に解除も可能なパーツの箇所です。

｢操作｣パレットのアイコンのところ。
｢ツール｣パレットのアイコンのところは
PCによるエミュレートではピンチインとピンチアウトが可能です。
そこを二本指のダブルタップでも解除できるのかもしれません。(PCによるエミュレートがそうだからというだけですが)

二本指ダブルタップの復帰を受け付けたのは、画像の赤丸のところですね。他はうんともすんとも言いませんでした。とりあえず画面内にこのポイントはある場合、二本指で復帰できるようです。

ということは、画面選択するのをブロックするタグだけ入れて、ダブルタップで拡大が発生したら落ち着いて二本指でダブルタップしてねってことで一応現時点では解決ですかね…？
なんか意外なところに道がありましたね…落ち着いて対処すればよかっただけ…

少しは解除できる範囲がある…という感じなんですね。
以下は結局思いつく限りの総当りなのですが…

touch-actionを別な形で適用してみました。
これで拡大がどうなるか
アイコン応答なしがどうなるか…
本当にお手数をおかけしてしまいますがテストをお願いできないでしょうか?
url
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/2.html

新しいタッチアクションのほうですね。
現在確認できるのは、

①ダブルタップの拡大は起きる。（余白の二本指で復帰は可能）
②ツールボックスのタブの中身を操作すると、いちいちタブが閉じてしまう。
③このCSSはiPadを横に構えた時のみのデザインで、縦に構えた状態で開くと前のバージョンが立ち上がってしまう。

という感じになっています。
ダブルタップは回避できていませんね‥。ツールが固まることはないようです

ツールボックスはiPadより小さな端末の時に、その都度閉じるようになっていて、
画面の縦幅が狭い時はスマホモードだったと思います。
画面が切り替わるのは倍率と、縦横の解像度の両方?

これは、描画ポイントにもtouch-actionを指定しているので、問題が起きるかもしれませんが。
ttps://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/3.html

これのテストもお願いできないでしょうか。
本当にすみません。

ミスしてました。

お願いしている身なのに、またミスがありました。
すぐやり直します。

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/6.html
でお願いします。
これで駄目なら作者さんの対応まちか、
なんとか二本指のダブルタップで回避でしょうか…。

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/6.html
に加えもう1パターン加えてみました。
この7.htmlはアイコンが応答しなくなる可能性が高いものですが、
書き方が少し違います。
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/7.html

iPadを横に構えた時はPCで見た時と同じ横長なので、V字型の閉じるボタンがついて、折りたたまれるツールボックスになっているのですが、縦に構えてページにアクセスすると昔のチキンペイントの画面が立ち上がるというわけですね。
スマホからアクセスすると、V字型の折りたたまれるツールボックスになって表示されるので、たぶんiPad版の開発は手を付けられてないのかもしれません。

今から新しくご提示いただいたものを順番にテストしますね。
細かく書き込んだ場合にバグが起きやすいので、描き込みするためお時間かかると思います。
ページごとのを纏めてレポートしますのでちょっとお待ちください。

テストしてみました。

一番上の6.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをしてもいちいちタブが閉じない
③二本指での拡大からの復帰は可能
④ツール周りのボタン関係が死ぬことはない

二番目の6.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをしてもいちいちタブが閉じない
③二本指での拡大からの復帰は可能
④レイヤー移動するとツール周りのボタン関係が死ぬ

一番下の7.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをするたびタブが閉じる
③二本指での拡大からの復帰が不可能
④ツール周りのボタン関係が死ぬことはない

という結果でした。ダブルタップは全部ブロックできませんでしたね。

7.htmlの拡大からの復帰ができない
は、逆にちゃんとtouch-action noneが有効なんですね。
6.htmlは設定が効かないのに、
④レイヤー移動するとツール周りのボタン関係が死ぬ
は出る。
選択させないだけ残して、あとはいじらない事にします…。
ありがとうございました

ありがとうございます。二本指で回避することで様子を見ましょう…。
いつか快適に使えるようになるといいですね…！
色々考えていただきありがとうございました。
私の方の掲示板もタッチアクション周りの設定は消して様子を見ます…。

すみませんまた問題起きています。
チキンペイントなのですが、iPadから描くと３回に一回ぐらい、突然ツールの切り替えなどあらゆるツールや設定、コマンドバーが選択を受け付けなくなって、投稿できなくなったり、ツール切替やレイヤー操作など描画以外の一切の動作ができなくなることがあります。

アップルペンシルのダブルクリックでズームするバグがあった時は、ズームしたまま固まったうえに、選択動作を受け付けなくなったので、ブラウザバックする以外になくなったのですが、タッチアクションのバグがなくなっても、稀に動作を受け付けなくなるバグは解決していません。
運がいいと描けるし投稿まで行くんですが博打です。何が影響しているか分かりません。

一番最初の最古のバージョンでは起きなかったことです。

問題発生なんですね。
タッチアクションの制御をすべての要素にかけてしまっている事がおそらく問題のもとだとおもいますので、変更してみました。

https://pbbs.sakura.ne.jp/cgi/neosample/chibi/
↑
ここでテストしてみていただくか、
PaintのテンプレートのHTMLを

div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chickenpaint-palette-body{
touch-action: none;
}

こんな感じにしてみていただけないでしょうか?

これでどうにかなるといいのですが。
もし可能ならこの設定でどうなるか教えてください。
よろしくお願いします。

駄目ですね。ツールは試し書程度なら固まらないんですが、描きこみの細かい絵を描いていると、しばらく描画スペースに一定以上かかりきりで描きこむとほぼ100％ツールボックス周りが全滅になります。
スライダーを動かしたりといったアクションは受け付けるのですが、ツールの切り替えや、上部のコマンドバーもレイヤーも操作を受け付けなくなります。そのため投稿できず、ブラウザのタブを消すことになります。

試してみたのですが、この選択をブロックするタグやタッチアクションを消すタグを外したら相変わらず画面が水色になりますし、選択をブロックするタグ（４つセット）のどれが欠けても画面が水色になって選択をブロックできなくなります。
そして、チキンペイントだけタッチアクションブロックのタグを入れてみると、やっぱりダブルタップでズームして画面が固まるという動作が起きました。

それでもだめな時は

.chickenpaint-palette-body{
touch-action: manipulation;
}

div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chickenpaint-palette-body{
touch-action: none;
}
の
下の箇所の
touch-action: none;
を
touch-action: manipulation;
に変更。
iPadの実機が手元にあれば自分でテストできるのですが…。
よろしくお願いします。

やってみます。
ちなみにレイヤーをダブルタップして固まるとこうなり、この範囲しか操作できなくなるので、ブラウザ閉じるしかなくなります。

あとは…。
https://thenickdude.github.io/chickenpaint-example/
↑
chickenpaintの作者の方が設置したこのページでも、画面が選択されてしまうかどうか教えていただけないでしょうか。
できれば、問題が発生しているスクリーンショットを…。
作者の方にお願いしなければ解決しない案件かもしれませんので、作者の方に画像をみてもらいます。

やってみましたが、今度はタッチアクションの動作に全く影響なく、ズームするし固まります。
ドリームウィーバー上でタグの色が変わっていないのですが、これは効いていることになっているんでしょうか？ちょっと違和感があったので貼ります。

作者のページのスクショです。ばっちり画面が選択されます。
ただ、ズームはしないし、選択を受け付けなくなることはなかったです。

作者のサイトでも、ズームして固まりました。
ズームから復帰できないのは変わらないですね

選択させないCSSやtouchに関するCSSを削除して、

div#chickenpaint-parent:not(input)::selection {
background:none
}
これに置き換えるではどうでしょうか?
選択しても選択色をださないCSSです。

画面が選択される件を、chickenpaintの作者の方のissuesに報告する事にします。

ああ、こっちでいろいろ追加しているから固まるわけではないのかも…。

ちょっとテストしてみます。
前は、色を出さないタグでも色が出たので怪しい感じですが…。
あと、ズームして固まる点も報告してみていただけませんか？レイヤーがおちおち触れないです…

報告お願いいたします！

chromeでもSafariでも、色は消えないですね。色を消すタグは前も試しましたが効きませんね。あと、ズームの問題も解決していません。
うーん、作者さん待ちですか。しばらくはNEOを使います。

どこをどのようにタップしたら拡大して固まるのかを
順序どおりにここに書いて頂ければ
報告の精度があがります。
お願いできませんか?

例えば、レイヤーのサムネイル部分をダブルタップしたら拡大して、
レイヤーの移動ができなくなった
投稿もできない

のような感じで。

ダブルタップしたら拡大してあることはできるけれど投稿はできない
しか今のところわからないです。

うーん、そうですね、レイヤーをダブルタップしたときが高確率で起きるのですが、他のツールを（たとえばREDOの矢印ボタン）などを連続でタップしたときなど、他のツールでもダブルタップでズームは起きます。
ダブルタップでズームするとそこで画面が拡大して固定され、描画スペースに描きこむことは受け付けるんですが、その画面に表示されている範囲しか操作できなくなり、何度ダブルタップをしてもズームから復帰できません。

あと、細かく描画スペースに描きこんでいて、しばらくツールボタン周りを触らない時間ができると、ツールのボタンやコマンドバー周りが受け付けなくなります。こまめのツール切替そすることで運がいいとこれを回避できて投稿までできます。

URL欄に書き込んだんですが、このサイトの、ダブルタップによる拡大縮小を無効にするタグは使えないでしょうかね？

ちょっと見つけたので、ちょっと試してみてまた報告します。

このURL欄に記載したサイトのタグと、画面選択をブロックするタグを併記して見たのが添付です。
タグ詳しくないのでベタっと貼ったのですが、ダブルタップはブロックできませんでした。（カラーピッカーをダブルタップしても拡大します。）
このタグの可能性を信じてみるとしたら、他に改良すべき点はあるでしょうか？
その改良されたタグを貼ってみます。
こちらで解決できる可能性を試してみたいです。

ん？もしかして＜style＞の中に入れてるのが悪いんですかね？え？このタグってスタイルタグの中のタグで間違ってないですよね？
Javaタグの中に書くんですか？
え、どこのタグの囲みの中に入れるタグなんでしょう？そこから自信無くなってきた…

まだみていていただけたようなので…。

そのタグの調査もそうなのですが

<style>
* :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
}
</style>
↑
これはどうでしょう?
選択も拡大もされなくなるけれど、操作できなくなるのが問題という事だったと思うのですが。
* :not(input){
にしているので、以前とちがってdivタグにしか効かないのではなく、
aタグにもすべて適用される形です。
JavaScriptは、記憶が正しければstyleの中には書けなかったと思いますが、
JavaScriptxJavaScriptなので、意図しない結果になるかもしれません。

それから、操作不能になる場合の動作をもう少し詳しく知りたいです。
選択も、拡大もしないまではこれで実現できている筈ですので…。

JavaScriptの場合はこうなります。
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);

</script>

JavaScriptの場合はこうなります。
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);

</script>

これをちょっと試してみますね。

選択を受け付けなくなるのは、ホントに何の拍子か分からないです。
細かくペンツールで線をガリガリ描写することに集中して、ツール切替を一定時間しないで書き込むと、ツール切替周りが一切選択を受け付けなくなります。
そのまま描画スペースに書き込み続けることは可能ですが、投稿ボタンも押せないので投稿もDLもできません。
試し書程度の書き込みではこの現象が出ません。ガリガリペンツールで書き込み続けると起きる現象です。これぐらいしかわからないですね。
ダブルタップで拡大縮小を禁止するJavaも試してみて、そのうえでの動作をチェックしてみます。

今の問題は
・ダブルタップによるズームから復帰できない
・画面が青く選択されるタグと、タッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
という点ですかね…もっと知りたい点ありますか？

>画面が青く選択されるタグと、タッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
これは、
1.画面が選択されて青くならないようにするCSSを入れると、画面が拡大する。
2.さらに追加してタッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
ですか?
1と2両方足してはじめて切り替えできなくなる?であってますか?
ツール切替ボタンが死ぬの切り替えボタンは
どれでしょう?
画像で示して頂いたほうが…。
ツール切り替えといってもどのパレットも切り替えなので…。

それから、もう一度、選択してしまっても
青くならないCSSを何パターンかやってみる事も検討中なのですが…。
青くなる状態でも、作者さんのサイトで拡大して操作できなくなったであってますか?
それだと、やっぱりタッチアクションを制御しないと駄目そうですね。

<style>
* :not(input){
の場合も駄目だった…でしょうか?

<style>
* :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none !important;
}
</style>

touch-action: none !important;
↑
!important 付きもテストしてみていただければ幸いです。

<style>
* :not(input){
の場合も駄目だった…でしょうか?

そうです。div#Chickenpait-parentじゃないと選択ブロックが利きませんでした。

>画面が青く選択されるタグと、タッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
これは、
1.画面が選択されて青くならないようにするCSSを入れると、画面が拡大する。
2.さらに追加してタッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
ですか?
1と2両方足してはじめて切り替えできなくなる?であってますか?
ツール切替ボタンが死ぬの切り替えボタンは
どれでしょう?

そうですね。ツール切替ボタンはあらゆるツールボタンが反応しなくなるということです。描画スペース以外の操作が全くできなくなります。

touch-acction noneを入れると起こります。青く選択しないタグだけでは起こりません

そして、解決できました！！！
添付のjavaタグと、「touch-acction noneを消した選択しないタグのみ」の合わせ技でこの問題解決しました！！！！
これが最適解でした。

Javaのほうでダブルタップの問題を解決し、スタイルのほうで、選択をブロックする、という二段構えが重要だったようです。
touch-acction noneタグが邪魔をしているみたいだったので、これをJavaで制御してみようと考えました。
このタグが最適解です。問題なくなりました！！

作者さんのサイトでは
青く選択されて
なおかつ
レイヤーパレットの操作時に画面が拡大して操作不能になった
であってますでしょうか。
chickenpaintの開発元にも整理して報告する予定です。
よろしくお願いします。

そうです。作者さんのサイトではそうなったで間違いないです。よろしくお願いいたします！

Thanks for the good work ぐるぐるめー,
さとぴあ!

I can also confirm the same issue on the author's site. Double tap zoom is disabled on the "Tools, Misc, Stroke and Color swatches" toolbars, but the rest also have the double tap problem.

i Investigate this issue.
But the problem is that I don't have an iPad.
It would be nice if we could compare the codes and see, but the cause may remain unknown.
ありがとう。

This script section of the Paint screen template HTML is not required in the latest version of ChickenPaint.
At the moment I only know that much.
<script>
/* Check for native pointer event support before PEP adds its polyfill */
if (window.PointerEvent) {
window.hasNativePointerEvents = true;
}
</script>
I uploaded a modified version to GitHub, but I can't figure out if it's the cause because I can't reproduce it.
And if you have a screenshot of the chickenpaint screen you're having problems with, could you attach an image and upload it to the bulletin board?
よろしくお願いします。

It's just a guess, but it's possible that your browser's cache is loading old CSS.
That's because the old CSS didn't display the ChickenPaint page correctly, as I just looked at it.
あ

Do these boards also have issues?
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-zh-TW/
あ

https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
Maybe this is it.
I'm investigating.
あ

>IOS Version 14.6
>Browsers: Safari and Chromium

touch-action: none;
And even though it's iOS 14, it doesn't work ...

I will check it a bit more.
If I had a little more technology, I would be able to solve it ...
あ

Thanks for the update. Here’s the following image of the problem. Apologies for not sending earlier! I’m still getting used to IPad’s file system…
I also tried chicken paint on the boards you provided, the problem still persists, unfortunately… の

Unzoomed, for reference. I also noticed double tap zoom also happens on the rest of the toolbars, the canvas is fine however.

Minor issue; some text gets highlighted while drawing. It’s merely cosmetic and doesn’t affect drawing though.

Cheers again for the good work!
の

I went back to chickendude's sample page
thenickdude.github.io/chickenpaint-example/

Double tap zoom is disabled on the "Tools, Misc, Stroke and Color swatches" toolbars. The rest also have the double tap problem. Pinch zoom works on all toolbars except the canvas however.

Let me know if there's anything you need to test! I'll be happy to help.
あ

Viewport Has Been Changed.
Try this.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
よろしくお願いします。

Done.
The problem still persists. I tried a new incognito window to clear the cache, in case that's causing problems.

I didn't notice until now, but the "Tools" menu doesn't have the double tap issue, I believe it's always been that way. I tested on my board as well.
あ

Please test again.
To explore the cause, I turned off CSS other than ChickenPaint.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
あ

Done. The behaviour remains the same.
あ

Please test again.
I turned off the CSS for select none.
Can you tell me if the issues still occurs in full screen mode?あ

That worked!
The double tap problem is gone now. Full screen mode on and off.
I also don't notice the text selection problem anymore. Pen mode also doesn't mistakenly register finger strokes (weird 3D pattern). Amazing.

I still observe double tap zooming on "Color, Textures, Layers and Tool options", if it's easy to disable these, by all means. But I don't think a big deal for regular drawing use.

Thanks for all the hard work.
あ

Update: there's some unintended screen selection problems when pressing and holding on the canvas. I'll try to upload images of the issue.

I tried on the old Chickenpaint, pressing and holding on the canvas normally selects text on the bottom of the screen (see #282), now it selects a bar on the bottom or the entire screen depending on palm activity?

あ

This is what happens upon press+hold on the sides of the canvas
あ

CSS prevents screens from being selected
↓
There is a issues that the screen is enlarged when double tapping

Revert to original code
↓
In addition, there is a issues that the screen is selected.

I will investigate a little more.
あ

Press+hold near the middle of the canvas (more intrusive). Also forgive me, it doesn’t depend on palm activity, just the location on the canvas that’s press+held.

Pen is registering finger strokes again, I’m not sure what disabled it earlier… Not a big deal however. あ

<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/
あ

It's working like the original version now (#282). This is much better, thank you!
あ

POTI-board EVO English verGitHub.
Try downloading the template for Paint from here.
Thank you.
あ

<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.
あ

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
あ

chickenpaintがスマホに対応しました。
こちらも、HTMLファイルにjavascriptを仕込んで、スマホの時はNEOしか起動しないようにしていたので、テーマのHTMLの入れ替えが必要になってしまいます。
お手数をおかけしますが、よろしくお願いいたします。

現時点では設定で使用可能なのですが、
セキュリティ対策のため、トップの新規投稿フォームを終了する準備に入っています。
/* ---------- お絵かき設定 ---------- */

//お絵かき機能を使用する お絵かきのみ:2 する:1 しない:0
define('USE_PAINT', '1');
とすればとりあえずトップのフォームが開くのですが…。
すみません、まもなく使えなくなります。
おそらく次のバージョンで…。

ありがとうございます！一時的に使用したいだけなので大丈夫です！！
教えていただいたように設定してみます！

ChickenPaintの画面が選択されてしまう問題に対処しました。
Paint画面のHTMLで対応しましたので、使っているテーマのペイント画面のHTMLを上書きアップデートをお願いします。

テーマMONOの色を切り替えるCSSをプルダウンメニュー方式に変更しました。
themeフォルダ内のファイル一式の上書きアップデートになりますが、色の切り替えは従来どおりで構わないという方は
ペイント画面のHTMLのアップデートのみで構いません。

メール通知クラス
noticemail/noticemail.inc
を更新しました。
日本語以外の言語の投稿の時でもメールの文字化けが発生しないようになりました。
メール機能を使っている方で、日本語以外の言語も使いたい方は上書きアップデートをお願いします。

変更があったファイルの説明もリリースのページに記載していますので、よろしくお願いします。

Release POTI-board EVO v3.02.0

数時間ぐぐってみたり、変更した履歴を調べてみたりしてみたのですが、
決定的にこれ…というものがまだはっきりしません。
その画面が選択されてしまった状態のスクリーンショットの画像があれば、もしかすると手がかりになるかもしれません。
【css/備忘録】何をどうしてもテキスト選択してほしくない時の対処法 | ユガラボ
いろいろやってみる事はできるんですけれど、
状況が把握できない状態でとにかく入れてみるだと、逆に問題がでるかもしれませんので、その画面の状態がわかる画像が欲しいです。
v3.01.9になったからなら、元のバージョンに戻せばいいのかもしれないですし、
でも、ブラウザのバージョンがあがったからとか、iOSが更新されて発生している問題だとしたら、それでは解決しないですし…。
Windows上のChromeでiPad表示のエミュレートはできるのですが、選択されるのはなぜなのかはよくわかりません。

画像添付致します。なにかわかればいいのですが…。
選択させないタグというのもあるんですね。
今までも、描画中に画面の外で何かが選択されることがあったので、あると便利ですが、余計おかしくなるのも怖いですね…

ちなみにこれはChromeの画面ですが、Safariでも同じ挙動で同じ画面になります。
フルスクリーンに切り替えてもワークスペースが選択されるのは変わりません。

ちょっと前のバージョンに落としてテストしてみますね。
掲示板二つあるので、片方を前のバージョンに戻してみます。0238

3.00.3でも同じ挙動をしたので、3.00.1まで遡ってみました。外国語版だった奴です。
そしたら添付のようになって、全選択されなくなりました。画面の一部が選択されるのは変わらず。
何か手がかりになればいいのですが。

ちょっと気になったので、選択の色を透明にするタグを入れて見たのですが、透明にはならなかったので、以下のようにチキンペイントだけ選択しないタグを入れてみたら、最新版でもワークスペースが選択できなくなりましたので報告します。
メインで使っている掲示板にも同じタグを入れて様子を見てみますね。
とりあえずご報告でした。

メインで使っている掲示板を最新版に戻して、上記のタグを入れて動作確認したら、ワークスペースが選択されなくなり、何の問題もなくお絵描きが投稿できたのを確認しました。
ひとまず解決したのでありがとうございます。もうしばらくこれで使い続けてみます。

ありがとうございます。
あれからいろいろ調べてみました。
ChickenPaintにも最初から選択させないようにするCSSが入っていますが、例えばFirefoxでは無効でした。
Firefoxの開発元のMozillaによると、
Chromeの動作は仕様書を無視しているとの事で、Chromeでは問題なさそうに見えても、他のブラウザでは選択させないCSSが効かない可能性があるようです。
そして、ぐるぐるめーさんが試した
設定の場合は、
Firefoxでも、選択させないが有効でした。
この方法が一番いいという結論になりました。
ChickenPaintの開発元での対応をお願いできるかは今のところ不明ですので、POTI-board側で対応する事にします。

色々調べていただいてありがとうございます。
このタグが最適解だったのですね！今のところ動作に問題が出ていないので、お役に立てて何よりです。
さとぴあさんが引っ張て来てくださったサイトのおかげです。ありがとうございました。