fix(VAutocomplete): hide selection slot when focused

[KaelWD]

Description

Fixes #17291

Markup:

<template>
  <v-app>
    <v-main>
      <v-autocomplete
        v-model="friend"
        :items="people"
        color="blue-grey-lighten-2"
        label="Select Without Multiple"
      >
        <template #selection="{ item }">
          <div>
            text:
            <span>{{ item.title }}</span>
          </div>
        </template>
      </v-autocomplete>
      <v-autocomplete
        v-model="friend"
        :items="people"
        color="blue-grey-lighten-2"
        label="Select Without Multiple"
        chips
      />
      <v-autocomplete
        v-model="friends"
        :items="people"
        color="blue-grey-lighten-2"
        label="Select With Multiple"
        :multiple="true"
      >
        <template #selection="{ item }">
          <div>
            text:
            <span>{{ item.title }}</span>
          </div>
        </template>
      </v-autocomplete>
    </v-main>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const friend = ref()
  const friends = ref()
  const people = ['A', 'B', 'C']
</script>

[KaelWD]

This now behaves the same as combobox too.