Form reset doesnt clear focus

Topic: Form reset doesnt clear focus

Mugetsu asked 3 years ago

Inputs on form group form don't clear to initial state after calling from.reset(); I have to call focus and blur manually on every item after resetting form..   ```
clearInputs() {
  const inputs = document.getElementsByTagName('input');
  const textAreas = document.getElementsByTagName('textarea');
  const clearBoxes = input => {

  forEach(textAreas, clearBoxes);
  forEach(inputs, clearBoxes);

Damian Gemza staff answered 3 years ago

Dear Mugetsu, For me, everything is working fine. I've got 3 reactive forms inputs and 1 button with clear method on click. When I'll put some text into inputs, and click my button, every input returns to his initial state. Just look at my code:
<form [formGroup]="form" >

<div class="md-form">

<input id="input-1" formControlName="input-1" type="text" mdbActive>

<label for="input-1">Text here</label>


<div class="md-form">

<input id="input-2" formControlName="input-2" type="text" mdbActive>

<label for="input-2">Text here</label>


<div class="md-form">

<input id="input-3" formControlName="input-3" type="text" mdbActive>

<label for="input-3">Text here</label>


<button class="btn btn-primary waves-light" mdbRippleRadius (click)="clear()">Clear</button>

import { Component, OnInit } from '@angular/core';

import { FormGroup, FormBuilder, Validators } from '@angular/forms';




styleUrls: ['./app.component.scss']


export class AppComponent implements OnInit {


constructor(privatefb:FormBuilder) {{

'input-1': [null, Validators.required],

'input-2': [null, Validators.required],

'input-3': [null, Validators.required]



clear() {



But you have to remember, that you have import ReactiveFormsModule in your app module to achieve this situation. Best Regards, Damian
Please insert min. 20 characters.


Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No