I use Chrome 15.0.874.106 m
My issue may be related to (but not quite the same) :
Strange scrollbars around the svg background in chrome
or
scrollbars in chrome
Considering these other stackoverflow questions on Chrome+svg, i suspect a bug in chrome.
So my issue :
i include an svg in a simple html page.
Under chrome everything seems fine. When i zoom in, svg is correctly resized.
Issue is that when i zoomOut then, some unwanted scrollbars show right and below.
(as i use a mouse wheel, they sometime show only once every other mouse wheel click).
I tried to style overflow:hidden or overflow:visible : scrollbars are still there.
Whenever i reload, display is fine again : scrollbars disappear.
You can have a look at this test html file (if you use chrome !) :
http://www.akelai.fr/logo/
Any (easy) fallback solution ? Thanks
This is a bug in the WebKit rendering engine, so the problem is reproducible in both Chrome and Safari. The bug has been fixed in Version 528+ on Nov 18, 2011, and I verified it is fixed in the most recent nightly build.
https://bugs.webkit.org/show_bug.cgi?id=43018
Hopefully that means the next major release of both Chrome and Safari will fix the problem.
Related
I'm struggling with a Chrome-specific bug. Sometimes, when resizing the window, the border of a button will disappear. I'm sorry, I can't provide a minimal and reproducible example even though I tried to reproduce the bug on a separate document.
I'm hoping that's a known bug and that there is a fix for it. I've tried the following solutions already, without success:
Fix for Chrome not rendering 1px borders - MuffinMan
Bug? Chrome 62.0.3202.62 1px borders disappear at some scales. - Google Chrome Help
Configuration:
Chrome 92.0.4515.159
My site works fine in all major browsers including Chrome desktop and mobile. Now I noticed that when entering the device mode in Chrome devtools (Chrome 46) a portion of the page that has no background color set appears in dark grey. When inspecting the elements in this area none has a background color set.
As I have mentioned earlier, this does not happen in Chrome on mobile or any other browser.
The site is here. It only happens when first loading the page. (After clicking around on the site the body element has a white background color set and the glitch is not happening anymore.)
Any ideas what causes this?
Update: Gabee points out below:
Unable to reproduce on the latest Canary with the new Device Mode (but I can on the stable), so (...) [y]ou just need to wait for the next update (or two?) for the fix to land
I consider this solved, then.
As Gabee points out:
Unable to reproduce on the latest Canary with the new Device Mode (but I can on the stable), so (...) [y]ou just need to wait for the next update (or two?) for the fix to land
I consider this solved.
I am having a strange problem with an app developed using Foundation Framework.
It seems that there are huge rendering problems, especially during/after scrolling. It may happen that images do not scroll together with the rest of the elements, but they remain static (as if they had fixed position with z-index -1), therefore messing with the other elements.
The issue happens only with Chrome for Windows (tested versions from 35 to 41). While on the latest Chrome (42), released yesterday, the issue is not happening.
It doesn't seem to be a known issue, but I have checked my code and everything looks perfectly fine. After all it works in every other browser perfectly, EVEN ON CHROME FOR MAC!
This is a screenshot of how the application should look.
Here are some of the rendering problem happening on Chrome for Windows after/during scrolling the page: Here, here
Any help on where this might come from, is appreciated. Thanks
Removing the height 100% from 'html' and 'body' solved the problem.
I am experiencing redraw issues in Chrome that I can't explain. They don't appear in any other browser. The website is http://leonardo.re
They appear after hovering over a styled DIV containing a styled link (contact page):
And sometimes on an overlaying DIV when scrolling (any page). Not always though:
Does anyone know what exactly is going on or how this can be solved / avoided?
This bug has now been resolved in newer versions of Chrome - no more issues!
We have a page with a table of invoices on it inside an iframe. In IE, horizontal scrolling works and looks fine. On Chrome, if you scroll over to the right, then back to the left, you see these ugly vertical lines:
This seems like a problem with doctype, but I've tried changing that and it hasn't helped. This only occurs in Chrome and only after horizontal scrolling; Firefox and IE do not show these. I'm thinking that it has to do with some HTML on the page that Chrome is rendering differently but I haven't been able to find exactly what it is.
Has anyone seen this before or have an idea on how to fix it?
I believe it's related to a Chrome bug:
https://groups.google.com/a/chromium.org/forum/?fromgroups#!topic/chromium-bugs/eUfzp3UJDwo%5B1-25%5D
A possible workaround (or hint for a workaround here):
Chrome bug: iframe rendering lines on screen when scrolling up