ws-form-builder/src-inlined/directives/Autofocuser.ts

Ionic 2 Form Builder

import { Directive, ElementRef, Renderer } from '@angular/core';

@Directive({
  selector: '[autofocuser]' 
})
export class Autofocuser {

    constructor(private element: ElementRef, private renderer: Renderer) {}

    ngAfterViewInit() {
        let el = this.element.nativeElement.children[0]
        el.addEventListener('blur', (event) => {
            this.stopBubble(event);
            this.renderer.invokeElementMethod(el, 'focus', []);
        });
    }

    stopBubble(event) {
        event.preventDefault(); 
        event.stopPropagation(); //Stops event bubbling
    }

}