私は奇妙な問題があります。ユーザーが入力フィールドまたは選択項目をクリックすると、ページの内容が左に移動します。なぜ私は考えていない。これはWebkitブラウザでのみ発生します。ChromeとSafariの入力フィールドをクリックした後の奇妙な動作
このページではwebkit-transformを使用していますが、何か問題がありますか？
あなたは私はあなたが私を助けることを願ってここに http://zapmama.be/home/dev#/ontour
それをテストすることができます。 ありがとう！
ヴィンセント
もお持ちこれらの次のエラー
Unsafe JavaScript attempt to access frame with URL http://www.zapmama.be/home/dev#/ontour from frame with URL http://www.youtube.com/embed/DSopUVEhG8Y. Domains, protocols and ports must match.
Unsafe JavaScript attempt to access frame with URL http://www.zapmama.be/home/dev#/ontour from frame with URL http://www.youtube.com/embed/mMhSIqE-pBA. Domains, protocols and ports must match.
とweired行動の理由は、この警告メッセージです：あなたは、この問題の解決策についての詳細を見つけるでしょう
2event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
私はあなたがこれを調べるためにWeb Inspector/Chrome開発ツールを使用したと思います。これらのメッセージは、壊れたレイアウトとは何の関係もありません（Web Inspectorが 'Event'オブジェクトを検査する方法を扱うlayerX/layerYオブジェクト）。 –
これは非常によく似た動作で発生しました。バグは入力フォーカスによって引き起こされますが、問題は完全に別個の要素によって引き起こされました。
したがって、発生しているページを開き、問題を再現し、インスペクタを開きます。次に、兄弟やページの他のコンポーネントを 'display：none'に設定します。問題のコンポーネントが非表示になっている場合、問題はそれ自体を修正します。そのコンポーネントは変更する必要があるコンポーネントです。
私の場合は、センタリングの一環として「左：50％」を使用していましたが、別のアプローチに変更しました。
IMHO左/上をtranslate3dと混同しないようにしてください。
再生するには、SELECTをクリックしてからINPUTsをクリックします。 –
これで、毎回これが起こるたびに、JSとの位置を変更して動作を「マスク」しました。あなたはまだそれが少し動くのを見ることができます。 – Vinzcent