Highcharts: マルチ-[違反]スクロールをブロックする「タッチスタート」イベントに非パッシブイベントリスナーを追加++

作成日 2019年07月09日  ·  41コメント  ·  ソース: highcharts/highcharts

状況

MacOS / Chromeの場合
_CandleStick:StockToolsが有効になっている場合_
コンソールにスローされた、適切に処理されていない顕著なeventListnerが多数あります。 主にタッチスタートイベントを指します
[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.

再現するには

これは、stock-toosモジュールが有効になっているStockChartのreactベースのデモのコンソールで簡単にわかります。

簡単なライブデモは次のとおりです。
https://codesandbox.io/s/10yv629397
https://www.highcharts.com/stock/demo/stock-tools-gui

ビデオ:
https://i.imgur.com/Z80XISw.mp4

Screenshot 2019-07-08 at 16 38 38

テスト済み
MacOS(Mojave)Chrome(バージョン75.0.3770.100)およびその他のMacマシンとChromeバージョン。

Done Bug

最も参考になるコメント

確認しました。今すぐ再現できます。Windowsのコンソールでも同じエラーが発生します。

全てのコメント41件

報告してくれてありがとう!

@ sebastianbochan-見ていただけませんか?

内部メモ
stockToolsでは、デフォルトでイベント(クリック/タッチ)を追加しますH.addEvent 。 この関数では、タッチイベントに対して{passive: true}サポートを追加する必要があります。

パッシブサポートを追加するまでの簡単な回避策はありますか?

こんにちは@slashvortal
この時点でH.addEvent関数を上書きできますが、重要なことは、(モジュールをロードする前に)正しい場所に配置する必要があります。

デモ:

@sebastianbochanに感謝します。修正を待って、highcharts-reactラッパーで使用できるようにします。

これをまだ修正する予定はありますか? @sebastianbochanによってリンクされた回避策のデモでは、21のイベント関連の違反がまだ表示されています。

Screen Shot 2019-11-28 at 11 22 40

こんにちは@pjanaya

残念ながら、これを優先する時間はまだありません。

@pawelfusわかりました、ありがとう。 「回避策があります」というラベルを削除することを検討する必要がありますか? 少なくとも私にとっては、回避策ではエラーを排除するのに十分ではないようです。

内部メモ:
これは一般的な問題であり、Highstockだけではありません。 すべての警告が正しいかどうかを確認する必要があります。 preventDefault()が必要な場合もあれば、開発者がコールバックの1つを介してpreventDefault()を呼び出さないことを約束できない場合もあります。

こんにちはすべて、この問題に関する更新はありますか?

こんにちは@ dave-brown755、
現時点では、このケースに取り組んでいないため、新しい情報はありません。 私たちの回避策を使おうとしましたか?

こんにちは。回避策のラベルを削除するように求める後続の投稿があったため、回避策を試しませんでした。 エラーを削除できるようにするための回避策を実装するために従う必要のある正確な手順の概要を説明できますか? これは、ブラウザのパフォーマンスに大きな影響を与えます。高いグラフから離れたくはありませんが、生成されるエラーの量に耐えることはできません。 あなたが助けることができることを願っています。 ありがとうデイブ。

フィードバックありがとうございます。 inbox labelを追加しました。これは、チケットが優先されることを意味します。

こんにちは、チケットの優先度に関する更新はありますか?

こんにちは@ dave-brown755-このチケットはすでに優先されています。

私もこれが修正されるのを待っています
https://piyasa.paratic.com/

チケットが優先されていることがわかりましたが、これが何を意味するのか、優先されたチケットの一般的なリードタイムはどれくらいですか?

つまり、現在の割り当てが完了すると、チケットがピックアップされます。 この問題はv8.0.1またはv8.0.2で修正されると思います。

コンソールに警告が表示されなくなりました(最新のChrome 80)。 3台のマシン(MacおよびWindows 10)でテスト済み。 問題がまだ発生しているかどうかを確認し、それを再現するための正確な手順を提供できますか?

v8.0.2を使用していますが、まだこのメッセージが表示されます。 :(

明確な注意:v8.0.1(およびv8.0.2)がリリースされ、v8.0.3は他の重大なバグのためにまもなくリリースされます。 問題がv8.0.2で修正されることを期待していると言ったときに期待したリリーススケジュールとは関係ありません。

@ raf18sebは数日前に問題をデバッグしようとしましたが、これを再現できませんでした。 詳細(OS + Chromeバージョン)または新しいライブデモ-高く評価されています。

@pawelfus最新バージョン8.0.4でも、この違反が

@ onur-celikは、デバッグのために問題が存在する上記のリンクを投稿しました。 https://piyasa.paratic.com/

Chrome80を搭載したMacを使用しています。

image

ありがとう! これらの2つのエラーが表示されます。 両方のイベントがブロックされている可能性があります。たとえば、チャート上で指を動かしてツールチップを表示する場合、ページをスクロールする必要はありません。 Chromeはこの違反を表示しないはずです(仕様によると、デフォルトでpassive: trueが設定されています。)。

@ raf18seb-もう一度確認して

確認しました。今すぐ再現できます。Windowsのコンソールでも同じエラーが発生します。

こんにちは、この問題は解決しましたか? この問題の解決策はありますか? ハイチャートを使用してAPIから複雑なデータを取得するときに、これと同じ問題に直面しています

この問題はまだ解決されていません。 現時点では、このチケットのETAはありませんが、優先度の高いチケットグループに含まれています。

はい、返信ありがとうございます

また、これを修正するか、いつリリースされるかをメモしていただければ幸いです。

この問題が「進行中」であるのを見てうれしいです:)

あなたはここで修正されたと述べました。 これらの変更はいつCDNバージョンに適用できますか。

こんにちは@ sharmankita-問題にはまだin progressラベルがあります。 それはそれが修正されていないことを意味します、私たちはまだそれに取り組んでいます。

こんにちは、これに関する更新はありますか? 修正のためのETAはありますか?

こんにちは@ violetVo -ETAはありません、私たちはまだこれに取り組んでいます。

私の個人的な見積もり:次の2つのバージョン内で準備ができているはずです。

イベントが「パッシブ」としてマークされるとどうなりますか?

elm.on("touchstart", function(ev) {
  // stuff
}, {
  passive: true // does this option help?
});

@richardeschlossとはどういう意味か詳しく教えていただけますか? 私はあなたの質問に一つずつ答えようとします:

イベントが「パッシブ」としてマークされるとどうなりますか?

ここの説明を参照してください: https

パッシブ:true //このオプションは役に立ちますか?

これは、iOSのIEおよびSafariでは機能しません。

Pawel、Rafalがこれを修正したようです。 私が持っていた質問に答えるのに役立つPRを見ました。 ありがとう。

最後に🥰

こんにちは、
修正してくれてありがとう! バージョン8.2.2で利用できますか?

こんにちは@ violetVov8.2.2は約2週間前にリリースされました。 修正は次のリリースで利用可能になる予定です。

@pawelfus次のリリースの時間枠はありますか? ただ疑問に思う。
あなたとチームが安全であることを願っています(re:covid)!

ありがとう@forgivegod 、私たちは良いです👍私はあなたも良いことを願っています!

次のリリースは数週間以内に準備ができているはずです

このページは役に立ちましたか?
0 / 5 - 0 評価