Скользящий слайдер формальной вкладки переключаться с одного слайда на другой

Question

Я использую скользкий слайдер для большого формуляра. Каждый раздел представляет собой один слайд.

<form>
<div class="form-slider">
  <div>
    <h2>Section 1</h2>
     <input type="text" name="eins"><br>
     <input type="text" name="zwei">
  </div>
  <div>
    <h2>Section 2</h2>
     <input type="radio" name="drei">Drei A <input type="radio" name="drei">Drei B<br>
     <input type="text" name="vier">
  </div>
</div>

JS:

$('.form-slider').slick({
          dots: true,
          draggable: false,
          swipe: false,
          nextArrow: $('.btn_next'),
          prevArrow: $('.btn_prev'),
          adaptiveHeight:true,
          accessibility: false
   });

Моя проблема заключается в том, что если пользователь использует вкладку для переключения с одного на другое поле ввода, ползунок не скользит хорошо, он скользит только половину следующего div. Я попытался отключить функцию табуляции (добавив tabindex="-1" на каждом входе), но это не работает на сафари с высокой сьерра! и это не очень удобно для пользователя.

Пример: https://www.accuro-funds.li/fragebogen_test/

Спасибо за помощь.