Элементы за пределами компонента перехода vuejs, примененные с эффектом перехода

Question

Vue версия 2.6.10

См. Репродукцию .

<router-link to="/a"><a name="/a">[a]</a></router-link>
<router-link to="/b"><a name="/b">[b]</a></router-link>
<router-link to="/c"><a name="/c">[c]</a></router-link>
<transition :name="transitionName">
  <router-view></router-view>
</transition>

Здесь есть три маршрута. При переключении с A на B ссылки маршрутизатора перемещаются.

Ссылки маршрутизатора должны оставаться неподвижными, поскольку они не находятся в теге перехода. Они анимированы в моем браузере.

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

Answer 1

Я понял, что происходит. Из-за overflow: hidden я не увидел изменения clientWidth. Без полосы прокрутки я не увидел изменения scrollX при фокусировке элемента input. Вот почему, похоже, ссылки анимированы.