新しいキャンバスを作成した後、div 内の絶対位置または相対位置 (相対位置または絶対位置も含む) を持つ要素は、クロムからの「範囲」タイプの入力を含め、正しくレンダリングされません。これらの要素が正しい位置に移動するのは、マウスをキャンバスの上に置いた後でのみです。Firefox では、すべてが期待どおりに機能します。これを解決するためのヒントはありますか？
更新:
リクエストに応じて、ここに小さなデモンストレーションがあります:
http://meli.rezzsolucoes.com.br/demo/
何らかの奇妙な理由で、ページから正確な動作を取得できませんでした。しかし、それは十分に近い
私を助けてくれてありがとう！デモを行っているとき、キャンバスがメニューの上にないときは、すべてがうまく機能することに気付きました。問題が何であるかはまだわかりませんが、相対/絶対の div がキャンバスに重なっている場合 (表示されていなくても)、webkit のレンダリングに問題が発生し始めるようです。神はその理由を知っています。これを解決する最善の方法は、ページのデザインを変更することです。しかし、私の場合、これはオプションではありません。そこで、ブラウザの再描画/再描画を強制する方法を探しました。そして、この質問を見つけました：
スタイルの変更を反映させるために WebKit に強制的に再描画/再描画させるにはどうすればよいですか?
解決策は、汚い修正であっても、問題なく機能しました。webkit で相対/絶対の div でキャンバスをオーバーレイできない理由を知りたいです。理由がわかりましたら、私に説明していただければ幸いです。
再度、感謝します！