Autofocus on searchbox not working

Bug 🐞 When I add the autofocus attribute, it doesn’t work. No autofocus happens. In codepen I have this code (as described in the documentation):

<div class="searchbox">
   <ais-search-box autofocus />
</div>

See https://codesandbox.io/s/happy-moore-yo82c?file=/src/App.vue

[eugenevk]

Now it works! Thanks a million. Changed the MyFocuser.js into a component by the way, but that’s a formality. Maybe for others who read this, here is my end solution:

Component: FocusSearchBox.vue

<template>
</template>

<script>
export default {
    name: 'FocusSearchBox',
    setup() {
        const input = document.querySelector('.searchbox-for-focus .ais-SearchBox-input')
        input && input.focus()
    }
}
</script>

and in my search component:

<template>
  ...
  <ais-search-box class="searchbox-for-focus" />

  <ais-state-results>
    <FocusSearchBox />
  </ais-state-results>
</template>

<script>
import FocusSearchBox from '@/components/FocusSearchBox.vue'

import { algoliaSearchClient } from '@/algolia/config'

export default {
  name: 'Search',
  components: {
    FocusSearchBox
  },
  setup() {
   ...
  }

[Haroenv]

I’m not referring to a slot but to a class @eugenevk