We have just encountered a Chrome (65.0.3325.181) and Opera (52.0.2871.37) scrolling bug. This is on an intranet page so I can't give you a URL. But if the following symptoms are familiar to you, and you know the specific cause and a fix, please advise.
The scrollbar appears, and about 9 of 50 items can be scrolled vertically into view, at which point scrolling stops. It's as if the page believes there are no more items to be displayed.
However, if a new tab is opened and the URL from the broken page is pasted into its address bar, so that the page is retrieved from cache, scrolling works perfectly in the new tab.
Related
I'm working on a hybrid app using Cordova, Bootstrap and Angular JS (1.3.x) and testing it in a Chrome desktop browser and on a Android device (lollipop, 5.0.2).
In a particular view, I open a modal window using ngDialog. The content in this dialog can exceed the height of a typical smartphone size, so vertical scrolling is required. And here comes the problem:
Most of the elements that should be displayed at the bottom of the dialog (out of initial sight) do not appear or don't getting rendered. When I blindly tap on the area where the disappeared interactive elements should be, they will get painted. When I then scroll up again, elements at the top disappear.
This behavior didn't exist on Android 4.4.
Now I'm able to reproduce this error on my Windows Chrome Browser (v43).
These are the steps:
Run this Plunkr http://embed.plnkr.co/VGYUe2i9vwsQZ21vc3LB/preview
Test with a recent Chrome Version
Make sure, this plunker is shown in embedded view (important)
Open Chrome developer tools
Click "Toggle device mode" (smartphone icon) (important)
Limit the vertical resolution to about 600px in height Click "open dialog" and scroll down to the bottom
Can you read "Hello, do you see me?" ?
If not, press on one of the panels on top or below the textbox, this
will cause a repaint and you can see the text.
This is how it looks:
Not OK -> No text in marked red boxes:
OK -> After clicks on it or browser tab switch
I found this article on postman blog, but the "fixer" does not seem to work in my case.
http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/
Can someone point me to the right direction?
I followed the instructions in the linked blogpost and those seem to work for me. Specifically, adding
-webkit-transform: translate3d(0,0,0);
to my CSS for ngDialog-content which has overflow-y: scroll.
Now the div scrolls on load for me.
The other good news is that at least my issue seems to be gone in Chrome Canary, so it may be worth seeing if the issue still exists for you there.
I have a menu iframe and a body iframe setup. In IE when I click the "back" button in the menu it goes back just fine. In chrome it works fine for the most part but there is one instance of that link that will open it in a new page even though it is a replica of other working instances of that back button.
Any ideas of what would prevent a link from working in chrome, a link that works just fine in firefox and IE?
I have a body iframe and a menu iframe.
the menu has links...some of them are targeted at the menu...the new page will redirect the body on load.
sometimes the menu link just updates the body as it doesn't need a menu.
in IE it works great. Firefox and Chrome do not like it. It will work fine the first time. But when you go back and click the link that JUST worked...it will open up in a new tab instead.
New Info:
I did a bunch of research on the issue and apparently
it's a chrome and ff update that is trying to disable iframes. I have yet to find a solution...if you have one let me know!
So, I'm having a strange issue in chrome (Version 33.0.1750.154) where, when the site is first opened, the navigation in my header gets pushed down and outside of the header for some reason. Upon refreshing the site, the navigation returns to where it should be and doesn't cause any issues. I've noticed that the positioning is messed up ONLY when you first open the site (for example, if I close the tab and reopen it a few times, it'll randomly happen but it won't ever happen if I refresh the site). It works exactly like it should in Firefox.
The site is live here: http://ayushman.us/
Similar problem in this question (navbar positioning bug in chrome) but the solution doesn't seem to be working for me. Any ideas?
Note: If you open the link and the header is aligned, close the tab and reopen at least three times (closing each time it works fine). For some reason, the third time is when it messes up for me.
I found a problem in Google Chrome on Ubuntu: When I scroll the page with the mouse roller, the page header doesn't look good when I scroll to the top of the page (sometimes the problem is fixed after a few seconds, sometimes not). It happens only in some websites. Is it a known bug of Google Chrome? I'm using Google Chrome Version 33.0.1750.117.
I have problem on my website. If I open my website with HTTPS protocol, chrome shows an empty area at the bottom of page.
You can reproduce this if follows this steps:
Open new separate incognito tab using the lastest chrome version on windows
Go to this page. It will show a message that certificate is invalid. Ignore it.
At the bottom of page should appear unused area.
Why chrome shows this empty area on my page? It will disappear if I resize window. I also tried to disable all plugins, but it didn't help.
Depending on which version of Chrome that you are using, there is a reported issue of this grey area displaying only when the "Show bookmarks" (ctrl-shift B) is selected. Here is a link to the bug report: https://code.google.com/p/chromium/issues/detail?id=139765
The issue purports to be fixed in the current version of Chrome.