光滑的滑块公式制表符从一张幻灯片切换到另一张幻灯片

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
   });

我的问题是，如果用户使用tab从一个输入字段切换到另一个输入字段，滑块不能很好地滑动，它只滑动下一个div的一半。我试图关闭tab功能（通过在每个输入上添加tabindex =“ - 1”）但这不适用于safari high sierra！它并不是真正的用户友好。

示例：https://www.accuro-funds.li/test/

感谢您的帮助。