web-dev-qa-db-ja.com

スライダーハンドルにツールチップが表示されると、コンソールでJavascriptを実行中に違反が強制的にリフローされる

いくつかの要素とAnt.design sliderが存在するWebページがあります。スライダーの値は、React状態によって制御されます。スライダーのツールチップをオンにすると、スライダーが非常に遅くなり、コンソールに[Violation] Forced reflow while executig Javascript took ...というメッセージが表示されます。

enter image description here

スライダーのツールチップをオフにすると、スライダーの速度が通常になります。スライダーハンドルにマウスを向けただけの場合(ハンドルを移動せずに)、メッセージがコンソールに表示されます。

ツールチップを使用して不適切な動作を修正するにはどうすればよいですか?前もって感謝します!

6
Evgeniy

ツールチップ付きのスライダーは、通常は正常に機能する標準機能であるため、コードにパフォーマンスの問題がある可能性があります。

問題を特定する方法に関するいくつかの有用なヒントについては、受け入れられた 違反長時間実行JavaScriptタスクにはxxミリ秒かかりました への回答を参照してください。

さらに詳しいヘルプが必要な場合は、コードを投稿する必要があります。

3
Jesper We