I've been working on an Angular 5 reactive form and everything seems to be functioning correctly. However, I've encountered a strange issue with a button used to close the form by hiding it from view.
Whenever I click on this close button, the form is being submitted as if I had clicked the submit button. I've even removed the (click) event from the close button, but the form still submits as though it were a submit button. What could be causing this unexpected behavior?
<div [hidden]="add_status!='active'">
<form novalidate (ngSubmit)="custom_submit(form.value)"
[formGroup]="form">
<button type="submit">Save</button>
<button (click)="change_add_status()">Close</button>
<input name="1">
<input name="2">
<input name="3">
<input name="..and so on">
</form>
</div>