Aurelia auto-focus attribute that I use with Aurelia Materialize bridge

autoFocus.ts

import {inject, customAttribute, TaskQueue} from 'aurelia-framework'

@customAttribute('auto-focus')
@inject(Element,TaskQueue)

export class AutoFocus {
    constructor(private element:Element, private taskQueue:TaskQueue) {

    }

    attached(){
        this.taskQueue.queueTask(() => {
          var inputs = this.element.getElementsByTagName('input');
          if(inputs.length > 0){
            let input:HTMLInputElement = inputs[0] as HTMLInputElement;
            input.focus();
            let label = input.nextElementSibling as HTMLLabelElement;
            if (label.nodeName === "LABEL") {
	           this.taskQueue.queueTask(() => { label.classList.add("active"); });
            }
          }
          else {
            console.warn('No input element found for auto-focus');
          }
        });

    }
}

When a focused input has a label it does not move on text entry.

I had to add another task to set the class on it

input.focus();
let label = input.nextElementSibling as HTMLLabelElement;
if (label.nodeName === "LABEL") {
	this.taskQueue.queueTask(() => { label.classList.add("active"); });
}

updated per @MaximBalaganskiy comment