We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Error when editing a cell without scroll bars

Hello,

I'm getting an error whenever I try typing into a cell when I have allowScrolling = false.  I have a very small spreadsheet, (5 cols x 25 rows) which fits nicely on screen.  I don't want it to render with scrollbars as the parent div is sufficiently sized.  But when I try to type into a cell, I get this:

ej2.min.js:10 Uncaught TypeError: Cannot read properties of null (reading 'scrollLeft')

    at e.positionEditor (ej2.min.js:10:15491435)
    at e.startEdit (ej2.min.js:10:15481824)
    at e.keyDownHandler (ej2.min.js:10:15480068)
    at e.notify (ej2.min.js:10:626755)
    at t.notify (ej2.min.js:10:670633)
    at t.keyDownHandler (ej2.min.js:10:16160017)

This is how I am creating it:

summaryTemplate.Workbook.sheets[0].showHeaders = false;
summarySS = new ej.spreadsheet.Spreadsheet({
scrollSettings: {
isFinite: true,
enableVirtualization: false
},
showRibbon: false,
showFormulaBar: false,
showSheetTabs: false,
allowScrolling: false,
allowEditing: true,
height: '90%',
width: 'auto',
actionComplete: summarySSActionComplete,
created: function () {
(summarySSopenFromJson({file: summaryTemplate})
    });

//Render initialized Spreadsheet component.
summarySS.appendTo('#summarySS');





1 Reply

SP Sangeetha Priya Murugan Syncfusion Team March 10, 2023 11:55 AM UTC

Hi John,


We have created the sample based on your provided codes with our latest version and the script error won’t occur in our end. Please find the sample link below.


Sample Link: https://stackblitz.com/edit/gef4w8?file=index.js,index.html


We suspect that you’re using one of our older versions, and we have included many improvements and features in our later releases. So only we suggest you upgrade the package to our latest version (20.4.53) for both scripts, CSS, and assemblies (Nuget packages). And if you are still having the same issue, please replicate your issue in the above sample and send it back to us. Based on that, we will check and provide you with a better solution quickly.


Loader.
Live Chat Icon For mobile
Up arrow icon