Scrolling Issues In Left Panel When using Frozen

[Jesse LaVere]

Hello,

I'm running into an issue when using frozen.  Scrolling in the right pane works great, but scrolling in the left pane is very broken. It scrolls for a tenth of a second and then stops. This is happening on OSX with a trackpad in FireFox and Safari.

I've attached a download of the web page and here's my react code.

import React from 'react';

import { ColumnDirective, ColumnsDirective, GridComponent, Freeze, Inject } from '@syncfusion/ej2-react-grids';

import { DataUtil } from '@syncfusion/ej2-data';

import './App.css';

import './Grid.css';

import data from './CarafeMappings/ImportTableData';

import tableMap from './CarafeMappings/ImportTableMap';

const App = () => {

const columnDirectives = tableMap.map((rowConfig, index) => {

return <ColumnDirective {...rowConfig} key={`column-directive-${index}`} />

});

return <GridComponent

dataSource={DataUtil.parse.parseJson(data)}

frozenColumns={3}

width='100%'

>

<ColumnsDirective>

{columnDirectives}

</ColumnsDirective>

<Inject services={[Freeze]} />

</GridComponent >

}

export default App;

Attachment: FailingScrollInLeftPanel_389482ea.zip

[Rajapandiyan Settu]

Hi Jesse,  

  

Greetings from Syncfusion support. 

By default in EJ2 Grid, the horizontal scrollbar only shown for movable columns not for frozen columns. Scrolling the Grid columns is working fine in both fire-fox and safari browser. Please find the video demo and sample for your reference. 

Video: 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/firefox_frozen_scroll2072428087.zip 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/safari_mac_frozen_scroll-1827182807.zip  

Sample: https://stackblitz.com/edit/react-tqagm3-ffwusw?file=index.js  

Please share the below details to validate further with your requirement. 

1. Share the complete Grid rendering code you have used.
2. Share the video demo of the issue.
3. Share the package.json file with us.
4. Share the version details of the browser.

Regards,  

Rajapandiyan S

[Jesse LaVere]

Here's a link to a the code:

https://stackblitz.com/edit/react-1drquv-2ymsbj?file=index.js

And a full screen demo:

https://react-1drquv-2ymsbj.stackblitz.io

This behavior occurs in all the browsers I've tried.

Firefox 82, Chrome 86, Safari 14

I have attached a screen recording showing the behavior in Safari 14.

Attachment: Screen_Recording_20201030_at_1.34.45_PM.mov_49213d3f.zip

[Rajapandiyan Settu]

Hi Jesse, 

 

Thanks for your update. 

 

We can reproduce the reported issue at our end. We have considered this as an Improvement task and logged this as “Scrolling on frozen columns works slowly in safari browser”. At Syncfusion, we are committed to fixing all validated defects (subject to technical feasibility and Product Development Life Cycle ) and it will be included in any of our upcoming releases. 

 

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link. 

 

Feedback link: https://www.syncfusion.com/feedback/19492/scrolling-on-frozen-columns-works-slowly-in-safari-browser   

 

Regards, 

Rajapandiyan S