benjamincharity
4/11/2018 - 12:57 PM

Possible solution for incorrect element getting focus on click.

import { Component,ElementRef } from 'angular2/core';

import { HostListener } from 'angular2/src/core/metadata';

@Component({
    selector: 'my-app',
    template: '<div>Testing<textarea></textarea></div>',
})

export class AppComponent {
    elementRef: ElementRef;

    constructor(elementRef: ElementRef) {
        this.elementRef = elementRef;
    }

    @HostListener('click', ['$event.target'])
    onClick(target) {
        this.elementRef.nativeElement.querySelector('textarea').focus();
    }
}