angular-ui/ui-grid

enableCellEditOnFocus does not work properly when a lot of columns.

已關閉

#6,772 建立於 2018年6月21日

 (3 則留言) (0 個反應) (0 位負責人)JavaScript (2,496 個分叉)batch import
good first issuegrid-editneeds: analysis

倉庫指標

星標
 (5,395 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

http://plnkr.co/edit/vpms1zqjILXS1QoeCYlm?p=preview To reproduce the problem you should сlick on the first cell, and then press the right arrow key until you force the table to initiate the scroll action. The cell outside the visible part of the table will not be active for editing. I think that the problem is in the last line of the ScrollHandler function.

function scrollHandler(evt) {
        var newScrollTop = $elm[0].scrollTop;
    var newScrollLeft = gridUtil.normalizeScrollLeft($elm, grid);

    var vertScrollPercentage = rowContainer.scrollVertical(newScrollTop);
    var horizScrollPercentage = colContainer.scrollHorizontal(newScrollLeft);

    var scrollEvent = new ScrollEvent(grid, rowContainer, colContainer, ScrollEvent.Sources.ViewPortScroll);
    scrollEvent.newScrollLeft = newScrollLeft;
        scrollEvent.newScrollTop = newScrollTop;
    if ( horizScrollPercentage > -1 ){
        scrollEvent.x = { percentage: horizScrollPercentage };
    }

    if ( vertScrollPercentage > -1 ){
        scrollEvent.y = { percentage: vertScrollPercentage };
    }

    grid.scrollContainers($scope.$parent.containerId, scrollEvent);
}

貢獻者指南