Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Content getting white spaces while scrolling in firefox browser alone.

  • 20 uphendule
  • 1 inale nkinga
  • 85 views
  • Igcine ukuphendulwa ngu jscher2000

more options

White spaces occurring while scrolling the content with virtual scrolling feature. If we can check this issue with inspect mode it will be working properly there is no white spaces occurred. But in default, it won't be work properly. Can you please tell me how to resolve this?

All Replies (20)

more options

Make sure you are not blocking content.

Start Firefox in Safe Mode {web link}

A small dialog should appear. Click Start In Safe Mode (not Refresh). Is the problem still there?


One issue that seems more common lately is Firefox's Tracking Protection feature. When it is blocking content in a page, a shield icon will appear at the left end of the address bar next to the padlock icon. This article has more info on managing this feature: Tracking Protection {web link}

more options

You can try to disable hardware acceleration in Firefox.

Close and restart Firefox after modifying the setting for changes to take effect.

You can check if there is an update for your graphics display driver and check for hardware acceleration related issues.

more options

Thanks for the update. This solution is not work for me. My problem is the inspect element mode is in opened then the scrolling will works properly. But it is not in open white spaces occurred and latterly update the content.

more options

Please refer the below link https://jpg3ck-a3azuq.stackblitz.io/

more options

While I do see 'blank' areas, the board works fine. Can you post a screenshot of what you see?


In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see How do I create a screenshot of my problem?

Once you've done this, attach the saved screenshot file to your forum post by clicking the Browse... button below the Post your reply box. This will help us to visualize the problem.

Thank you!

more options

Hi

Thanks for the response.

Kindly scroll the content to see the problem. And refer the below screenshot.

Note: When we scroll the content initially the white space occurs and laterlly the content will rendered. But this same process has worked well in other browser like Google Chrome.

Thank you!

Okulungisiwe ngu Vengatesh_Maniraj

more options

Your screenshot is blurred. I bounced all over the https://jpg3ck-a3azuq.stackblitz.io/ table and had no problem.


Many site issues can be caused by corrupt cookies or cache.

Warning ! ! This will log you out of sites you're logged in to. You may also lose any settings for that website.

more options

Hi

Kindly check the below image. That was occurred when we scroll the content through mouse wheel/touch move actions.

Here, content will be rendered. Its not a problem. but while scrolling the content, white space occurred until the content render.

Thank you

Okulungisiwe ngu Vengatesh_Maniraj

more options

This is what I am seeing. Did you follow the instructions in my last post?

more options

Yes.

Content will be rendered without white spaces when the scroll action has stopped and this is what you are seeing. But before rendering the content, white spaces occurs for some seconds and then render the content. That is my problem.

Okulungisiwe ngu Vengatesh_Maniraj

more options

Interesting. When I hold the mouse pointer down in a blank area of the scrollbar to repeatedly scroll the table rows down (page after page), there are no gaps, but when I flick on the touchpad to scroll quickly, there is a noticeable lag (at least half a second) in filling in the new table rows.

How long is the lag on yours, or are they never filling in?

more options

Can anybody tell me how to fix it?

Okulungisiwe ngu Vengatesh_Maniraj

more options

This page design is way too complicated for me. Do you know whether this issue is specific to your project or is a general issue with these Syncfusion components in Firefox? Can they provide support?

https://www.syncfusion.com/

more options

In this layout some kind of conditions are used. When this condition is satisfied then the next set of rows will be prepared and rendered on the dom. While preparing and rendering the rows it will take some times so that the white space occurs until the rows render. But this scenario has been worked in other browsers like Google Chrome(without white space).

Is there any specific animations to manage those kind of time delay for Firefox browser?

Okulungisiwe ngu Vengatesh_Maniraj

more options

when the "inspect element" has in opened then this problem is not occurred. can you please provide a better animation for this?

more options

How do I attach a video here?

more options

Vengatesh_Maniraj said

when the "inspect element" has in opened then this problem is not occurred. can you please provide a better animation for this?

I don't understand what you mean by this request.

If you mean you need someone to create a video for you, I think it makes more sense for you to do that.

If you mean that you want Firefox to work differently, that is beyond the scope of this support forum. You could file a bug, but please assume it will be at least three months and potentially longer before any changes are released.

https://bugzilla.mozilla.org/

If you need help fixing your app now, please try the vendor as I suggested before.

more options

Vengatesh_Maniraj said

How do I attach a video here?

Provide a link to the site where you are hosting the video.

more options

Thank you @jscher2000.

Here I have attached two GIF files.

Without_Inspect_Element.gif - In this gif, we are facing white space problem while scrolling.

With_Inspect_Element.gif - In this gif, white space is not occurs.

In my case I need the behavior like With_Inspect_Element.gif . How can I achieve this?

more options

I will add one thing to my earlier comment --

jscher2000 said

This page design is way too complicated for me. Do you know whether this issue is specific to your project or is a general issue with these Syncfusion components in Firefox? Can they provide support? https://www.syncfusion.com/

-- and that is a link to this article: Where to go for developer support.