Использование клавиш Shift + Tab для навигации по ссылкам в списке, когда фокус перемещается на ссылку, которая находится вне рамки, страница не прокручивается вверх

Question

У меня есть список ссылок:

<div class="cmp cmp-game-rules-list aem-GridColumn aem-GridColumn--default--12">
  <div class="rules-list-wrapper">
    <h2 id="hasan">Hasan</h2>
    <ul>
      <li class="">
        <a href="hasan/gholam">
          <div class="logo" style="background-image: url(&quot;https://hasan.jpg&quot;);">
          </div>
          <div class="info">
            <strong>gholam</strong>
            <span> Updated </span>
          </div>
          <div class="carret">
            <svg aria-hidden="true" focusable="false" class="icon icon-next">
            </svg>
          </div>
        </a>
      </li>
      <li class="">
        <a href="/gholi">
          <div class="logo" style="background-image: url(&quot;https://gholam.jpg&quot;);">
          </div>
          <div class="info">
            <strong>gholam</strong>
            <span> Updated </span>
          </div>
          <div class="carret">
            <svg aria-hidden="true" focusable="false" class="icon icon-next">
            </svg>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>

Когда я перемещаюсь по ним вниз, когда фокус опускается ниже видимой точки обзора, окно прокручивается, поэтому я вижу сфокусированный элемент в точке обзора. Однако, когда я перемещаю + вкладку по ним вверх, когда фокус переходит выше видимой точки обзора, окно не прокручивается вверх, пока я снова не сдвину + вкладку. Как бы я мог решить эту проблему доступности?

Обновление

Я использую Windows 10 Enterprise и Firefox 72.0.2.