HTML Radios - переопределить клавиши со стрелками в Safari

Question

По умолчанию после фокусировки клавиши со стрелками выбирают радиоприемник.Я хочу переопределить это, чтобы они просто сфокусировались.

Добавление события protectDefault к событию click работает в Chrome, FF и Edge, но в Safari при наведении курсора на него выбирается следующее радио, а затем фокусируется любое последующее.

Фрагмент:

var elInputs = document.querySelectorAll('.radio-input');

[].forEach.call(elInputs, function(elInput, i){
  elInput.addEventListener('click', function (e) {
    e.preventDefault();
  });
  elInput.addEventListener('change', function (e) {
    e.preventDefault();
  });
});

.radio-block {margin-right:20px; float:left;}
.output {min-width:400px; min-height:100px;}

  <input type="text" placeholder="Focus me" tabindex="0"><br><br>

  <form action="/action_page.php">
    <input type="radio" name="gender" value="male" class="radio-input"> Male<br>
    <input type="radio" name="gender" value="female" class="radio-input"> Female<br>
    <input type="radio" name="gender" value="other" class="radio-input"> Other<br>  
    <input type="submit" value="Submit">
  </form>

Это ошибка?Что-то, что я могу обойти?

Я попытался добавить warnDefault к событию изменения и получить те же результаты.