選択した後にフォームが左に移動する

Question

モバイル（またはスクリーンショットごとにウィンドウのサイズが小さいデスクトップはスクリーンショットごとにモバイルを複製できます）では、ページのフォームはデフォルトの日付で正常に読み込まれますが、新しい日付範囲が選択されると選択を行った後に左に移動します（または、むしろ右にギャップが挿入されます）が、F12開発ツールを使用して何かを見つけることができません。左にスクロールすることはできません。ページロードで

：

日付を選択した後：

フォーム自体は、ページ上のサードパーティのJavaScriptのリンクを埋め込むことにより、表示されている - 何があります私はこれが起こるのを防ぐためにできますか？私はそれを把握することはできません！

注：このページでは、私が現在取り組んでいるファイアウォールによってブロックされているYouTubeのビデオ背景を使用しています（したがって、背景は灰色です）が、JavaScriptエラーは発生していません。この問題は、すべてのモバイルと、バックグラウンドが読み込めるネットワーク上で同じです。 。

おかげ

を（解決時にアドレスが削除されます）

#########で

ライブ例コム

UPDATE：はWouterからの回答を1として、overflow: hiddenからの除去<section class="gg-section hero video-home" id="dots-section1">は問題を修正しますが、残念なことに他のレイアウトの問題が発生して適用できません。

Answer 1

。オーバーフローを設定しようとしました。

<div class="video-background"> 

Answer 2

役に立たなかったことがあります。

私は以前にページジャンプとフォームで同様の問題がありました。

<input class="hiddencheckbox" type="checkbox" />によって引き起こされました。

jsのチェックボックスを選択/選択解除するたびに、ブラウザはチェックボックスの位置にジャンプし、ビューポートの外に位置を移動して非表示にしました。

.hiddencheckbox { 
    position:fixed; 
    right: -1000px; 
    // BAD WITH JS 
} 

I位置決めを除去し、それを変更された：問題は、300％の幅である映像によって引き起こされる可能性がある

.hiddencheckbox { 
    display:none; 
}