यूआई ग्रिड बेहद तेजी से लंबवत स्क्रॉल समस्या

Question

मैंने अपनी परियोजना में यूआई ग्रिड का उपयोग किया और नीचे gridOptions वैरिएबल का एक स्नैपशॉट है जिसका मैंने उपयोग किया था। समस्या यह है कि सब कुछ ठीक काम कर रहा था। लेकिन पिछले 1 या 2 सप्ताह से लंबवत स्क्रॉल केवल एक ही स्क्रॉल पर स्क्रॉलिंग कर रहा है। चूंकि multiSelect सत्य पर सेट है, इसलिए ग्राहक विशिष्ट रिकॉर्ड को चेक/चुनने में असमर्थ हैं स्क्रॉलबार स्क्रॉल बहुत अधिक है (यह तब होता है जब उपयोगकर्ता केवल एक बार स्क्रॉल करता है) और स्क्रॉलबार तालिका के नीचे तक पहुंच जाता है।

संस्करण: ui ग्रिड - v3.2.1

this.gridOptions = { 
     appScopeProvider: this, 
     infiniteScrollRowsFromEnd: 20, 
     enableSelectAll: true, 
     multiSelect: true, 
     enableColumnResizing: true, 
     saveScroll: false, 
     saveFocus: false, 
     saveGrouping: false, 
     enableFiltering: true, 
     saveGroupingExpandedStates: false, 
     saveTreeView: false, 
     infiniteScrollDown: true, 
     useExternalFiltering: false, 
     useExternalSorting: false, 
     enableCellEditOnFocus: false, 
     enableCellEdit: false, 
     enableRowSelection: true, 
     enableFullRowSelection: true, 
     enableGridMenu: true, 
     enableSorting: true, 
     exporterCsvFilename: 'ClientResults.csv', 
     exporterCsvLinkElement: angular 

     //sorry cant share other code 

किसी को क्या गलत मदद कर सकते हैं।

पीएस: तालिका में कुल 2000+ रिकॉर्ड हैं। यह भी क्रोम में होता है और फ़ायरफ़ॉक्स में सामान्य व्यवहार करता है।

Answer 1

समस्या मिली।

यह समस्या क्रोम 56 के संस्करण के साथ थी। इसके अलावा मेरा यूई-ग्रिड संस्करण 3.2.0 था जिसे मैंने 4.0.2 तक अपग्रेड किया जिसने अंततः इस मुद्दे को हल किया। यह Link मदद की।

Answer 2

सोच कैसे उन्नयन ui ग्रिड के बिना इस को हल करने के किसी के लिए, यह ui-grid 3.1.1 पर मेरी समस्या का समाधान हो:

अपने सीएसएस करने के लिए इस जोड़ें:

.ui-grid-viewport { 
    overflow-anchor: none; 
} 

_Source