R2L Support in Edge & Chrome on "Virtual-X: True"

[irshaid]

Hello everybody,

I'd like to ask if anyone has encountered the problem where scrolling horizontally does not load the yet-to-be-loaded-columns on Chrome and Edge. The columns I am trying to display exceed 100 columns.

It works on
Firefox in LTR and RTL
Edge only in LTR (Not RTL)
Chrome only in LTR (Not RTL)

Appreciate your help.

[paramvir]

Do the columns display after some lag or do they not load at all.

Could you share some screenshot or a jsfiddle/ stackblitz.

https://jsfiddle.net/adbghz7v/7

[irshaid]

Hello Paramvir,

They do not load at all on Edge/Chrome, sometimes the columns display when I zoom-in and out. This is the link for the video that shows the issue (I have used WeTransfer): https://we.tl/t-0y4MLxDrHn

I cannot share it on jsfiddle as I am using C# MVC. I have used Virtual-X: True and the Virtual-Y: True in my code.

[paramvir]

Please recheck by hiding the number column.

Do you see any error in the browser console.

[irshaid]

I just disabled the numbered column, the issue still persists in Arabic.

Here's the link to the video.
https://we.tl/t-RYKITRhUUh

The 404 that's appearing in the console is not related to paramquery, it's an icon that has failed to load.

[paramvir]

Have you added rtl attribute in html and used the rtl variant of pqgrid stylesheets correctly?

I've created this jsfiddle for 10,000 columns and I don't see any fundamental issue in it.

https://jsfiddle.net/urkdynp2/1/