Форма, не редактируемая внутри автозагрузки бутстрапа

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" к обертке div .carousel.