text input loose focus on v12.1.0

[abdouthetif]

Describe the bug
Text input with selectOnFocus set to true loose input focus after first click in v12.1.0. This is a regression from version 12.0.5 where the same code works correctly.

To Reproduce
Steps to reproduce the behavior:

1. Use VueDatePicker with selectOnFocus option set to true
2. Click on text input
3. Input looses focus (you have to click another time on the input)

<template>
  <div class="mx-auto max-w-screen-xl px-4">
    <div class="w-full mb-5 mt-20">
      <div>Vue Datepicker v12.0.5</div>
      <div class="mt-2">
        <VueDatePicker
          v-model="date"
          model-type="yyyy-MM-dd"
          :text-input="{ selectOnFocus: true }"
          :formats="{ input: 'dd/MM/yyyy' }"
          :auto-apply="true"
          :flow="{ steps: ['year', 'month', 'calendar'], partial: true }"
        />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { VueDatePicker } from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css';

const date = ref();
</script>

Expected behavior
When you click on the input you should be able to type the date without the need to click another time on the input.

Stackblitz Links
v12.0.5 (Working): https://stackblitz.com/edit/github-bgfv7iv5-vwkgychj?file=src%2Fviews%2FHome.vue
v12.1.0 (Broken): https://stackblitz.com/edit/github-bgfv7iv5-vy2uczsj?file=src%2Fviews%2FHome.vue

Video

Capture.video.du.2025-12-10.15-58-49.webm

[abdouthetif]

The problem is related to 2 things :
First the flow set to ['year', 'month', 'calendar']. In this flow steps the new navigation arrow system triggers focus on the active element which is the year.
This function is responsible for active element focus : https://github.com/Vuepic/vue-datepicker/blob/v12.1.0/src/VueDatePicker/composables/useArrowNavigation.ts#L159