POTI改 設置サポート掲示板

  • POTI-board改の設置サポート掲示板です。

[379] Chrome91 ダブルタップズーム

Chrome91がダブルタップズームの禁止条件を追加

日本のブログ。

Chrome Speed - First Input Delay Changes in Chrome 91

English.
>Disable double-tap-to-zoom on mobile viewports
>Double-tap-to-zoom (DTZ) is a gesture used to zoom into text. Previously,
>DTZ was disabled when either zooming was disabled (min-zoom equal to max-zoom) or when the content width fits the viewport width. After this change,
>we also disable DTZ when the viewport meta tag specifies width=device-width or initial-scale>=1.0,
>even when implicitly doing so, like for example in minimum-scale=1.5, maximum-scale=2.


Because DTZ negatively impacts FID and the amount of pages where DTZ is disabled is increased, we expect some sites to see better FID scores.

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

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

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

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

[384] Re: Chrome91 ダブルタップズーム
ダメでしたか…。
iOSのアプリとしてのブラウザレベルの問題ではなくて、iOSのOSレベルの何かなのか…。
とにかく、Chromeが92でも同じという事ですね。

[365] ChickenPaint拡大問題テストのお願い

ChickenPaintのパレットをダブルタップすると拡大する問題への対処を模索しています。
viewportでは制御できないという情報がとても多いので、ためしていなかったのですが、
最小値と最大値をどちらも1.0にすると
PCによるエミュレートでは拡大されません。

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

テストしてみて欲しいバージョンはこれです。
viewportによる拡大防止にPC版ChromeのiPadエミュレートではなっています。
実機のiPadで無効なのか有効なのかわからないため、実機を持っている方に試してみて欲しいです。
試していなかった事なので念のため、という感じなのですが…。

レス7件省略中。

[373] Re: ChickenPaint拡大問題テストのお願い
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?

[374] Re: ChickenPaint拡大問題テストのお願い
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.

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

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

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

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

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

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

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

[378] Re: ChickenPaint拡大問題テストのお願い
>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".

[381] Re: ChickenPaint拡大問題テストのお願い
ありがとうござます。
引き続きしらべます。

[332] お手上げです。

悲しいお知らせが…。
Javaでダブルタップを制御して、CSSで選択をブロックして、書き込みを続けても問題なくなったと思っていたのですが、奴はほかのところに問題があるようです。

①ダブルタップ制御は完全なものではなく、ダブルタップの間隔が広くなるとダブルタップだと認識されて画面がズームし固まるのは相変わらず起きる。(ダブルタップ制御コードは時間を指定しているため、一定時間を超えてダブルタップするとダブルタップとカウントされて、ズームが起きる)

②やっぱり書き込みをし続けると完成間際でツール切替を受け付けなくなる。(ツールボックス、レイヤー、アンドゥ・リドゥ・投稿ツール、画面上のコマンドバー、テクスチャが死ぬ。カラーピッカーとペンの設定は変更可)

そして、ツールボックスが死んだときに行ったのが、変形ツールを使用して画像を加工するような動作をした後でした。拡大縮小を繰り返し、イラストの位置を調整するような操作をしたらツールボックスが死にました。

なので、これはいよいよ開発者さんが何とかしないといけない問題だと判明しました。

現在問合せ中であるのは把握しております。追記する余裕がありましたらこのバグもいい感じにお伝えしていただけると助かります。

レス25件省略中。

[358] Re: お手上げです。
お願いしている身なのに、またミスがありました。
すぐやり直します。

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

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

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

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

[362] Re: お手上げです。
テストしてみました。

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

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

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

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

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

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

[297] 解決ありがとうございました!

実はどうにもならないことなのかと思って我慢して使っていたのですが、Whyさんの書き込みと同じ症状が私にもあって、Whyさんの解決のために差とぴあさんが提案してくださった
touchaction noneのタグを入れてテストしてみたら、ズームしたり、そのまま動作が固まったりして描画続行不可能になるバグが解消されました。
Whyさんnice!I had same trouble too!
さとぴあさんもWhyさんもありがとうございます。

レス25件省略中。

[323] Re: 解決ありがとうございました!
<style>
* :not(input){
の場合も駄目だった…でしょうか?

[324] Re: 解決ありがとうございました!
<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 付きもテストしてみていただければ幸いです。

[325] Re: 解決ありがとうございました!
Re: 解決ありがとうございました! by ぐるぐるめー (240 KB)
<style>
* :not(input){
の場合も駄目だった…でしょうか?

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

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

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

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

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

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

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

[328] Re: 解決ありがとうございました!
そうです。作者さんのサイトではそうなったで間違いないです。よろしくお願いいたします!

[331] Re: 解決ありがとうございました!
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.

[273] Chickenpaint accidentally zooms on Ipad

Hi, thanks again for bringing back OekakiBBS! Apologies for English, or if I posted in the wrong place....

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

レス17件省略中。

[292] Re: Chickenpaint accidentally zooms on Ipad
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.

[293] Re: Chickenpaint accidentally zooms on Ipad
Re: Chickenpaint accidentally zooms on Ipad by Why (349 KB)
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. あ

[294] Re: Chickenpaint accidentally zooms on Ipad
<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/

[295] Re: Chickenpaint accidentally zooms on Ipad
It's working like the original version now (#282). This is much better, thank you!

[296] Re: Chickenpaint accidentally zooms on Ipad
POTI-board EVO English verGitHub.
Try downloading the template for Paint from here.
Thank you.

[329] Re: Chickenpaint accidentally zooms on Ipad
<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.

[330] Re: Chickenpaint accidentally zooms on Ipad
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

[0][1][2][3][4][5][6][7][8][9][10][11][12][13][14][15][16]
記事No. 削除キー