Flot graph and Google Chrome - google-chrome

I'm having an issue with flot graph and Google Chrome.
The problem is reproduceable as follows:
Open an flot graph
Lock your screen
Unlock your screen and you will have to refresh the page to repaint the graph
It works fine under Firefox and IE.
Does anybody know how to resolve this issue?

It's probably a Chrome hardware-accelerated canvas bug. Try visiting chrome://flags and turn off hardware-accelerated canvas, then see if the problem persists. If it goes away, then you know that it was due to some interaction between Chrome, your graphics driver, and your graphics card, and you should file a bug with the Chrome team.

Thanks for your reply
My setting were
Disable accelerated 2D canvas
Enable
I assume hardware acceleration is now off, and it is not working
Clicking on enable and it is working.
The problem has to with the hardware acceleration, I can se that now.
But I have to turn it ON and not OFF to get it working
Thanks again

Related

Google Chrome: strange image artifacts (pixelated, broken)

I recently encountered a strange behavior in my Google Chrome browser.
Images appear pixelated and broken, but they appear on screenshots and get scrolled so it must be the browser and not my laptop. For example, google search:
Search icons get something like...distorted? Has anyone encountered that and maybe knows how to fix this?
Here's a work around: go to chrome://flags and disable GPU Rasterization.
You can use this link: chrome://flags/#enable-gpu-rasterization to get there.
Thanks to https://piunikaweb.com/2022/02/24/google-chrome-images-distorted-pixelated-after-latest-update-for-some/ for the tip
Same here. Not only icons but some large images as well
Ctrl+refresh seem to solve it
enter image description here
Turning off [GPU rasterization] and [hardware acceleration] is worked for me.
(Windows 10 + Chrome v101.x)
Turning off GPU rasterization
Go to chrome://flags
Select 'Disabled' right side of 'GPU rasterization'.
Restart browser.
Turning off hardware acceleration
Go to chrome://settings/system
Move switch off 'Use hardware acceleration when available'.
Restart browser.

Responsive view on Firefox Developer Tools show wrong width

I was testing a website with the Developer Tool of Firefox and I was facing a weird bug. Then I checked the window width with a simple console log console.log($(window).width) and I saw that the reported width in developer tools wasn't the same that javascript was detecting.
I tried than with the Google DevTools and showed width was consistent with the console log width.
Is this a Firefox bug or am I doing something wrong? Actually on a real mobile device and on Google DevTools the website works as it should, but if I test the same page on Firefox I see a bug that actually doesn't exists (and for this reason I've lost some time).
This are a couple of screenshots to better explain what I mean:
Google Chrome
Firefox
Resizing the browser window doesn't effect the JavaScript $(window).width
The problem is in the documentation for developer tools IMHO.
They don't mention a thing about the Touch Simulation changing the behavior of the rendering.
AFAIK, the Touch Simulation activates some form of "logical pixels" mode, where lengths are translated using device DPI, or perhaps DPR.
Deactivate it and see for yourself.

Does Google Chrome v77 have a HTML5-Canvas bug?

We run the graphical part of our software in Canvas. With the latest version of Google Chrome (v77) being released, our product doesn't display anything on load. Canvas simply doesn't draw anything.
When you resize the windows or scroll, Canvas draws the elements correctly, but not initially. For every refresh, we are back to a blank page.
If we disable Accelerated 2D canvas, it works. We have tried the upcoming versions of Google Chrome (v78 and v79), and here canvas renders and draws correctly.
Does anybody experience anything similar, i.e. is it a Chrome bug?
Dropzonejs doesn't work with Chrome 77 on Android. It is probably same isue with canvas.
more on this isue here

autodesk viewer fullscreen broken on iOS?

Noticed that when I go to view a 3d model on my iPhone (using the latest version safari or chrome), the full-screen button doesn't work. Anyone seeing this problem and has figured out a solution?
Public example you can try on your phone.... https://autodesk-forge.github.io/viewer-javascript-offline.sample/
This is a known issue and is being addressed by the Dev team. Stay tuned to the official Forge blog for release notes of future versions of Viewer to keep tabs on the fix.
In the meantime one can work around by programmatically toggling the toolbar (there's no display cube on mobile either):
viewer.toolbar.setDisplay('none') //hide
viewer.toolbar.setDisplay('block') //show
You can come up with a button of your own as the control for this.

Pinch-to-zoom as scroll wheel in web browser

I have a Windows 7 tablet (an ASUS EP121), and I am using a web browser to display a Google Maps-based web application that I have created. Basically, I want the pinch gesture to zoom the Google Map (similar to using the scroll wheel to zoom a Google Map when using a mouse), rather than zooming the entire web page.
In Opera, Firefox, and Chrome, the pinch gesture simply zooms in the entire page. This behavior makes perfect sense for most use cases, but I'm wondering if there is any setting, in any of these browsers (e.g., Opera, FF, Chrome) that can cause the pinch gesture to behave like a mousewheel instead of zooming in the entire page?
Interestingly enough, in Arora, the pinch gesture can be used to zoom in/out a Google Map; however, other issues are preventing me from using Arora effectively that I think will be more difficult to address than the issues I am raising in this question.
Another option would be to disable pinch gestures (I know this is possible in Firefox, I'm sure the other browsers have some means to do the same), and then try to let the application take care of it. Are there any thoughts on going this route? Would something like jQuery mobile be able to accomplish this?
As a last resort, I could use Qt's webkit and implement my own event handling (basically creating a stripped down Arora), but I'm really hoping there's an easier way that utilizes currently available browsers.
Thanks.
If anyone ever runs into the same problem that I had here, I have created a very simple WebKit-based web browser using Qt that implements a pinch gesture and uses it to fire off a scroll wheel event.
It works quite well (especially for Google Maps) and the source is available on github here. I've tested the code on Windows 7 and Ubuntu Linux 12.04; it works without any problems.