Vueでwindow.scrollToのbehavior: 'smooth'が効かない

Question

Vueでアイコンをクリックしたらページトップへスムーススクロールするように設定しているのですが、オプションを設定してもスクロールがスムーズにならず、オプションを設定していない時と同じように瞬間移動するようにスクロールされてしまいます。

<template>
  <footer>
    <b-icon class="to-page-top" icon="arrow-up-short" @click="toPageTop" />
  </footer>
</template>

<script>
  name: 'Footer',
  methods: {
    toPageTop() {
      window.scrollTo({
        top: 0,
        behavior: 'smooth',
      })
    },
  },
</script>

ブラウザはChoromeを使っています。
考えられる原因としては何があるでしょうか？