Bento number input inside flexgrid cell not working in chrome.

Posted by: gvsatishvarma on 13 July 2022, 10:57 pm EST

  • Posted 13 July 2022, 10:57 pm EST

    Bento number input inside flex grid cell not working in chrome. On click of increment or decrement button its opening Wijmo grid editor. instead showing the increment/decrement value in input box. Can some one please look into it and do the needful.
    Thanks & Regards,
[/code][/code][/li][/code]
Satish


<wj-flex-grid #flexGrid class="bento-flex-grid" [autoClipboard]="false" [headersVisibility]="'Column'"
[(itemsSource)]="dgRoleCategoryInfo" (initialized)="gridInitialized()">
<wj-flex-grid-column [header]="'Task Category'" [editor]="taskCatagory" [width]="280">
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-cell="cell" let-row="row">
<ng-container>
<wj-combo-box (ngModelChange)="cbRoleTaskCategory_SelectionChanged($event, item, cell)" [displayMemberPath]="'Name'"
[(ngModel)]="item.RoleId" [selectedValuePath]="'Id'" class="dropdown-styles"
[itemsSource]="dTaskCategories" [showDropDownButton]="true">
</wj-combo-box>
</ng-container>
</ng-template>
</wj-flex-grid-column>
<!-- [binding] = "'country'" -->
<wj-flex-grid-column [header]="'Overdue'" [width]="95">
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-cell="cell" let-row="row" aria-disabled="true">
<ng-container>
<div style="border:1px solid red;">
<bento-number-input [(ngModel)]="item.PurpleSeverityDays" (ngModelChange)="onClickHideDiv($event)"></bento-number-input>
</div>
</ng-container>
</ng-template>
</wj-flex-grid-column>
<wj-flex-grid-column [header]="'Urgent'" [width]="95">
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-cell="cell" let-row="row">
<ng-container>
<bento-number-input [(ngModel)]="item.RedSeverityDays"></bento-number-input>
</ng-container>
</ng-template>
</wj-flex-grid-column>
<wj-flex-grid-column [header]="'Medium'" [width]="95">
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-cell="cell" let-row="row">
<ng-container>
<bento-number-input [(ngModel)]="item.YellowSeverityDays"></bento-number-input>
</ng-container>
</ng-template>
</wj-flex-grid-column>
<wj-flex-grid-column [header]="'Low'" [width]="95">
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-cell="cell" let-row="row">
<ng-container>
<bento-number-input [(ngModel)]="item.GreenSeverityDays"></bento-number-input>
</ng-container>
</ng-template>
</wj-flex-grid-column>
<wj-flex-grid-column [header]="''" [width]="50">
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-cell="cell" let-row="row">
<button type="button" aria-label="Close" class="roleDeleteBtn" (click)="deleteRoleRow(row.index, item)">
<i class=" bento-icon-minus-plain" aria-hidden="true"></i>
</button>

</ng-template>
</wj-flex-grid-column>
<wj-combo-box #taskCatagory [itemsSource]="dTaskCategories"></wj-combo-box>
</wj-flex-grid>
  • Replied 14 July 2022, 9:35 pm EST

    HI Team, If I remove inline styles for the row class div its working fine. what might be the reason any idea.
  • Replied 17 July 2022, 4:36 pm EST

    Hello,

    We apologize for the delyed response, we couldn't find any information regarding the bento-number-input, therefore we don't have much information to investigate the issue. Could you please provide a sample to replicate the issue so we can find the root cause and assist you accordingly?

    Regards
  • Need extra support?

    Upgrade your support plan and get personal unlimited phone support with our customer engagement team

    Learn More

    Forum Channels