lose focus in multiple inputbox of a row

[BearandYoon]

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior I have implement multiple inputbox in a row. when I type in a inputbox, after type a character I lose the focus from input box.

Expected behavior I expect to keep the focus in input box.

Reproduction of the problem This is my code snippet.

          <ngx-datatable-column name="urls" [flexGrow]="5" headerClass="kartList-header">
            <ng-template let-karts="column" let-sort="sortFn" ngx-datatable-header-template>
              <span class="cursor-pointer" (click)="sort()">Url</span>
            </ng-template>
            <ng-template let-rowIndex="rowIndex" let-value="value" let-row="row" ngx-datatable-cell-template>
              <div class="url" *ngIf="!row.edit">
                <p *ngFor="let url of value">{{url}}</p>
              </div>
              <div class="url" *ngIf="row.edit">
                <div *ngFor="let url of row.urls; let i = index;">
                  <input type="text" class="editable-url" [(ngModel)]="row.urls[i]">
                </div>
              </div>
            </ng-template>
          </ngx-datatable-column>

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

Operating System : MacOs, IDE : WebStorm 2017.2.4, PM: NPM

• Table version: 0.8.x

  "@swimlane/ngx-datatable": "10.2.3"

• Angular version: 2.0.x

  Angular Version : 4.3.5

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[sunnygb]

+1

[DonJuwe]

+1