tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

focus via injected document

This commit is contained in:
tykayn 2019-08-10 21:00:05 +02:00
parent 54c7c6568d
commit d9b81d3d8e
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/pages/answers/answers.component.ts
View File

@ -1,7 +1,9 @@
import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
import {ChangeDetectorRef, Component, Inject, OnInit} from '@angular/core';
import {BaseComponent} from '../base-page/base.component';
import {ConfigService} from '../../config.service';
import {DOCUMENT} from '@angular/common';
@Component({
selector: 'framadate-answers',
templateUrl: './answers.component.html',
@ -12,6 +14,7 @@ export class AnswersComponent extends BaseComponent implements OnInit {
private answerList = [];
constructor(config: ConfigService,
@Inject(DOCUMENT) private document: any,
private cd: ChangeDetectorRef) {
super(config);
this.answerList = this.config.answers;
@ -32,8 +35,11 @@ export class AnswersComponent extends BaseComponent implements OnInit {
text: ''
});
this.cd.detectChanges(); // to refresh the view before focusing on the new input
const AnswersDomToFocus = document.querySelectorAll('.answers .answer');
AnswersDomToFocus[AnswersDomToFocus.length - 1].focus();
const AnswersDomToFocus = this.document.querySelectorAll('.answers .answer');
const dom = AnswersDomToFocus[AnswersDomToFocus.length - 1];
if (dom.focus) {
dom.focus();
}
}
// add a new answer on the press of ENTER in an input