Unable to autofocus searchbox

Describe the bug 🐛

AIS searchbox is not autofocused even when autofocus input is set to true. See code below:

<ais-search-box [autofocus]='true' placeholder="Search"></ais-search-box>

I’ve read through PR #208 and this seems to add the autofocus feature. Maybe I’m not implementing it correctly?

To Reproduce 🔍

Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Scroll down to ‘…’
4. See error

A live example helps a lot! We have a simple online template for you to use for your explanations:

https://codesandbox.io/s/github/algolia/create-instantsearch-app/tree/templates/angular-instantsearch

Expected behavior 💭

A clear and concise description of what you expected to happen.

Screenshots 🖥

If applicable, add screenshots to help explain your problem.

Environment:

• OS: mac (10.14.2)
• Browser: Chrome
• Version 71.0.3578.98

Additional context

Add any other context about the problem here.

[lukemoderwell]

@tkrugg nothing on Algolia’s side. The issue was tracked down to this bit of code in our index.html:

  try {
      Typekit.load({
        async: true
      });
    } catch (e) {
      console.error(e);
    }

Seems like somehow our fonts loading removes focus on the search input. I’ve resolved by moving this down the page. Thanks again to @samouss for taking the time to help.

[lukemoderwell]

I’ve tracked this back to the usage of Google Tag Manager. When I remove our tag manager script from index.html suddenly autofocus works 🤷‍♀️. Not sure what script exactly but will continue to debug.