Polymer - Slow animation core-scaffold - polymer

On my site, infinitech.org/beta, on mobile devices, pulling out the menu has EXTREME lag. Closing this menu also causes severe lag. I'm using a core-scaffold. Can anyone think of what's causing this? I'm using Polymer 0.5.4. Thanks!

Have you solved this problem? Have the same issue. Drawer opens very slowly while main screen blinking grey and black. In browser it's ok but on Nexus5 it always reproduces.
UPD. I have found problem.
You should go to bower_components/core-drawer-panel/core-drawer-panel.css
And delete "opacity: 0;" for element #scrim. Works perfectly!

Related

Elements disappear in certain scroll positions in Firefox

I've encountered a strange bug which I'm not able to solve for some time.
The bug appears in Firefox when scrolling in certain resolution (Macbook pro 2019 15", 1680x1050) - product elements (not only images) start to flicker.
I've made a video of the bug: https://www.youtube.com/watch?v=xByt25fbaYs
Now this is where it gets weeeird:
If i open dev tools - the flickering stops. If dev tools are closed, the flickering stops. Until pages is reloaded
If I change resolution settings or just resize the browser, flickering also stops.
Link to the problem: http://vilmers.vsbl-dev.lt/sofas/
Any help or suggestions would be appreciated a lot.
Thanks!
Ok, so I don't know why but while debugging I've set elements which were disappearing background colour and it fixed the issue for some reason.

Choppy Scrolling - Chrome

I'm having problems with choppy scrolling on my website. It's based on the "Porto" theme. Based on their site: DEMO, I can see that smooth scrolling is possible, but on my dev server: HERE (www.rex.robosharp.com). It's really choppy. It's frustrating me a lot, since I can't find the solution to it.
This seemed to be an issue particular to my screen height / content height of the page. There seemed to be some strange behavior which caused the scrollbar to twitch. I added a few breaks and it stopped occurring. I also asked my friend to test it, and he didn't have that problem.

Strange safari rendering issues, and low performance on other browsers

I'm in the middle of development of a website, however I cannot work out what is causing this plethora of issues.
In Safari on OS X (7.0.6 on 10.9.4), random elements will disappear and reappear and hovering over the drop down menu, or a button, they suddenly re-appear. It is very strange and erratic.
In Chrome (v36.0.1985.143) and Firefox (v31.0) the scrolling performance is poor, but no rendering issue.
All onscroll events are clean. I've tried tweaking with just about everything and gotten nowhere.
If anybody can work this out, I'll be greatly appreciative.
Thanks in advance.
I don't see any scrolling performance issue on chrome or firefox, but I noticed Safari rendering glitches.
When you force reflow, all your sections are displaying again. Try to add a backface-visibility:hidden; on your .section class.
Edit:
Your #background-area is fixed and doesn't have any z-index. Put it to z-index: -1; to keep it in the back.

Thickbox 3.1 IE8 scrolling problem

Having a slight problem with
http://jquery.com/demo/thickbox/
In IE8, the overlay window doesn't scroll when you scroll down in the browser. So if you click something at the bottom of the browser window, the overlay window pops up but at the top of the screen so you have to scroll back up. This only happens in IE8, all other browsers the overlay window follows. Help? Thanks
I had the same problem, but only when using <frames> or <iframes>. Being unable to correct the problem, along with a few other bugs, I decided switch to using Shadowbox http://www.shadowbox-js.com/. I found it to be ALOT more flexible. Just a suggestion. But as for the IE8 problem you reported, I never encountered the issue in a parent window, just when using frames.

html - scrollbar jump by itself

I'm experiencing this weird problem which my scrollbar jumps by itself to somewhere that I don't want it to.
I have a table with scrollbar inside this page, if the user have a smaller screen, the page automatically adds a scrollbar. If I scroll down to the bottom of the table and click on it, the scrollbar of the page jumps up so I can no longer see the thing I clicked. Any ideas?
Thanks.
There are a number of things that can be causing this.
You clicked on a hyperlink with a href of "#", which will cause most browsers to scroll to the top of the page,
There's possibly a CSS :focus or :active rule somewhere being triggered that causes the height of the page to change
There's a javascript onclick event firing and changing the page
...or possibly something else entirely.
Have you tried in different browsers? It could be a bug in the browser itself.
Are you sure the object causing the problem is not an <a href='#'><div onclick='yourJavaScriptFunction()'>...</div></a> or something similar?
Perhaps you have a meta refresh tag
<meta http-equiv="refresh" content="600">
I have seen these cause similar issues on safari, post a link to the page and you will find getting a solution much easier.
My scrollbar jumps when I hit Page Up or Page Down. Also, my laptop trackpad can cause odd mouse behavior if I bounce my thumb against it.
And when I poured a large Latte into my keyboard, I had problems, then. But then the whole computer stopped working about an hour later.