Ytukyg

I have following Angular 5 code working on Safari and Chrome but not on Firefox(63). How to fix this problem.? (Clearly because firefox event object doesn't have the inputType property.

  <input  (focus)="onInputFocus()" (keydown)="onKeyDown($event)"(input)="onSearchChange($event)" type="text" id="example-search-input">



   onSearchChange(event) {

    if (event.inputType === 'deleteContentBackward' || event.inputType === 'insertText' ) {

       // This code block doesn't get called at all in firefox.

    }

  }

event object on chrome.

InputEvent {  

   data:"e",

   dataTransfer:null,

   defaultPrevented:true,

   detail:0,

   eventPhase:0,

   inputType:"insertText",

   isComposing:false,

   isTrusted:true,

   path:(14)   [  

      input#example-search-input.form-control.custom-input.ng-valid.ng-dirty.ng-touched,

      div.col-md-7.search-input-container,

      div.col-12.no-padding.search.custom-search-box,

      div.input-group.col-lg-6.col-md-6.col-sm-7.col-xs-12,

      div.search-section.col-12,

      div.container,

      app-search-header,

      div.container,

      section.intro,

      app-root,

      body,

      html.no-js,

      document,

      Window

   ],

   returnValue:false,

   sourceCapabilities:null,

   srcElement:input#example-search-input.form-control.custom-input.ng-valid.ng-dirty.ng-touched,

   target:input#example-search-input.form-control.custom-input.ng-valid.ng-dirty.ng-touched,

   type:"input",

   view:null,

   which:0

}

event object on firefox.

{  

   defaultPrevented:false,

   detail:0,

   eventPhase:0,

   explicitOriginalTarget:<input id="example-search-input" class="form-control custom-input ng-valid ng-dirty ng-touched" _ngcontent-c2="" placeholder="What are you looking for ?" type="text" ng-reflect-model="e">,

   isComposing:false,

   isTrusted:true,

   layerX:0,

   layerY:0,

   originalTarget:<input id="example-search-input" class="form-control custom-input ng-valid ng-dirty ng-touched" _ngcontent-c2="" placeholder="What are you looking for ?" type="text" ng-reflect-model="e">,

   pageX:0,

   pageY:306,

   rangeOffset:0,

   rangeParent:null,

   returnValue:true,

   srcElement:<input id="example-search-input" class="form-control custom-input ng-valid ng-dirty ng-touched" _ngcontent-c2="" placeholder="What are you looking for ?" type="text" ng-reflect-model="e">,

   target:<input id="example-search-input" class="form-control custom-input ng-valid ng-dirty ng-touched" _ngcontent-c2="" placeholder="What are you looking for ?" type="text" ng-reflect-model="e">,

   view:   Window http:   //localhost:4200   /search-results,

   which:0

}

Some clearly irrelevant elements in the objects were omitted to keep the post shorter.