Клавиша со стрелкой вверх не работает в типе ввода?

Question

У меня есть компонент ввода чисел в угловых 5
, и у меня в приложении много номеров ввода
, когда я хочу увеличить или уменьшить значение ввода с помощью клавиш со стрелками вверх на клавиатуре, это не работает.вот мой код:

<div class="field" [ngClass]="{'error': (_input.hasError('required') && 
_input.dirty)||_input.hasError('min')||_input.hasError('max')||(step && 
_input.value % step !== 0 && _input.value % step >0)}">
    <label>
        {{label}}
        <i class="warning" *ngIf="warning">
            ({{warning}})
        </i>
    </label>
    <div [ngClass]="{'ui right labeled input':inputLabel}">
        <input autocomplete="off" id="name" [attr.disabled]="!disabled ? '' : null"
               min="min" max="max" type="number" [formControl]="_input" (focus)="focus=true"
               (focusout)="focus=false" step="step"
               popupHeader="نکته" popupText=" حداقل عدد وارد شده باید min و حداکثر max 
باشد" popupTrigger="focus">
        <div *ngIf="inputLabel" [ngClass]="{'focus':focus && _input.valid}" class="ui 
basic label">
            {{inputLabel}}
        </div>
    </div>

    <div *ngIf="step && _input.value % step >0  " class="ui basic  red below 
pointing   prompt  label transition visible">فرمت {{label}} اشتباه است .
    </div>
    <app-validation-message [variable]="_input" [require]="true" [arrow]="arrow"
                            message="لطفا {{label}}  را وارد کنید"></app-validation-message>
    <app-validation-message *ngIf="_input.hasError('min')" [variable]="_input"
                            [require]="false" [arrow]="arrow" message="  حداقل {{label}} باید {{min}} 
{{inputLabel}} باشد  "></app-validation-message>
    <app-validation-message *ngIf="_input.hasError('max')" [variable]="_input"
                            [require]="false" [arrow]="arrow" message=" حداکثر {{label}} باید {{max}} 
{{inputLabel}} باشد "></app-validation-message>
    <app-validation-message *ngIf="_input.value % step > 0" [variable]="_input"
                            [require]="false" [arrow]="arrow" message=" فرمت {{label}} اشتباه است . ">
    </app-validation-message>
</div>

и вот мой код TS:

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

@Component({
  selector: 'app-input-number',
  templateUrl: './input-number.component.html',
  styleUrls: ['./input-number.component.css']
})
export class InputNumberComponent implements OnInit {
  @Input() fieldWide:string;
  @Input() label:string;
  @Input() placeholder:string;
  @Input() _input:FormControl;
  @Input() arrow:string;
  @Input() required:boolean;
  @Input() inputLabel:string;
  @Input() name:string;
  @Input() min:number;
  @Input() max:number;
  @Input() step:number;
  @Input() disabled:boolean=true;
  @Input() warning:string;

  focus:boolean=false;
  constructor() { }

  ngOnInit() { 

  }

}

, когда нужно увеличить число с помощью клавиши со стрелкой вверх вниз, это не работает Примечание: эторабота на Chrome, но у меня есть проблема в Firefox