フォームはブートストラップカルーセル内で編集できません

Question

複数のブートストラップ4台のカルーセルディビジョンにフィールドを広げることで、マルチフォームでモノトーンを分割しようとしています。このため、フォームのテキスト入力フィールドが編集不可能な奇妙な動作が発生しましたの後にカルーセルスライドを切り替える（編集は編集する前にトグルします）。

Fiddle demo.

何がこれを原因とどのように私はそれを修正することができますか？

（私はまた、適切なナビゲーションボタンを表示するには少しのjQueryを使用していますが、私はそれが実際の入力編集可能性を妨げるべきではないと思う、例えば:)

$('#carousel-control-previous').hide(); // start with prev button hidden 
$('#btn-submit').hide(); // start with submit button hidden 

Answer 1

それはによって引き起こされますカルーセルがフォーカスしたときにキーボードをハイジャックします（キーボードがカルーセルのスライドをコントロールできるように）。これを修正するには、data-keyboard="false"を.carouselラッパーdivに追加します。