Major flickering/redraw problems in new Chrome version

[ajcsParticipant]

I am now on Chrome version 118.0.5993.118 and my data grids have started flickering and going blank sometimes when drop down menus go over them. It is not all grids so I don’t know what the pattern is. There is no problem in the Edge browser.

So I started looking at your demos to see if I can find a similar problem that is connected and I have found one. You probably need to be on the above version of Chrome browser. Then do the following:
1. Go to https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/filtering.htm
2. On the menu on the left select Filtering->Filtering
3. You will see the check box “Filter Background”.
4. Now very rapidly move your mouse pointer over the icons at the top of the Chrome browser screen. These are the icons that are for “Extensions”, “Show side panel”, user icon and the settings icon.
5. While you are moving your mouse pointer over those icons watch the “Filter Background” check box. You will see it is flickering. The mouse pointer is not even over the page content so you would not expect anything to happen. This is happening to my grids.

Is this a bug in Chrome or your controls?

[ajcsParticipant]

A bit more info on this. I have tried a few other machines and it does not seem to be happening so I am confused.

[ajcsParticipant]

I have now got it to happen on another machine. Additionally to hovering the mouse over the icons mentioned above also hover the mouse over the close X icon on the browser page tab tab until it pops up a box and keep going back to the other icons. Eventually you may see the tick box flicker.

Another place you can see the problem.
1. On that same page go to Filtering->Custom Filtering
2. Look at the list of field names with the tick boxes.
3. Move the mouse over the icons mentioned above and the page close X icon (which shows the popup) and they will flicker and maybe sometimes event get all blanked out.

[ajcsParticipant]

I am now upgraded to Chrome version 119.0.6045.106 and still the same problem. I have now reproduced on 3 machines but the other two are via remote desktop so displaying on the same physical machine. I just tried on another separate physical machine and could not get the problem so maybe a graphics problem? I did try turning off the hardware acceleration and it did not affect it.

[adminKeymaster]

Hi ajcs,

We recently updated jqwidgets version to 17.0.1 and resolved exactly this issue related to Chrome’s latest version in jqxGrid. Seems that this happens also in jqxListBox.

Please, add the following CSS as a temporary solution:

.jqx-widget .ripple {
    position: relative;
    transform: none !important;
    overflow: hidden;
}

Regards,
Peter

[ajcsParticipant]

Thank you. The temp solution did not seem to work but I upgraded to the latest version and it seems to have fixed it.

[Author]

Posts