amegan / jquery-flip

Flipboard like effect for jquery and jquery mobile
MIT License
126 stars 38 forks source link

Turning gray #3

Open farezramilo opened 12 years ago

farezramilo commented 12 years ago

While flipping the transition part is turning all gray. What seems to be the problem here? Has anyone encountered this before?

amegan commented 12 years ago

Hi,

I noticed Google Chrome browser for PC, on certain graphic chip (typically integrated graphics chip), some of the transitionig page turned transparent when flipping but never heard about turning gray. Which browser are you using? Is it occurred with my instagram demo ( http://amegan.github.com/jquery-flip/demo/instagram.html ) or with your own page?

Thanks,

farezramilo commented 12 years ago

No I don't think its a browser issue. Because the instagram demo was running perfectly. Generally I'm testing on webkit mobile browsers. My problem seems to only occur on mouse flip or touch flip but everything is fine if I just hit the directional buttons. I seems that the page gets stuck on "working" class.

I'm gonna try and download a clean copy of jquery-flip again later and start again from there. Maybe I tinkered something in there that I forgot to change back.

PS. The flickering mentioned on the other issue tab does occur on my tests.

amegan commented 12 years ago

I think the event handlers in the flipping content could be conflicted with plugin's code. And turning gray sounds like text selection is occurring. I tried to prevent text selection in the plugin but might not be enough. If your code around the flipping content handles mousedown/vmousedown/touchstart events, they could cause a problem.

And thanks for reporting flickering problem. Complicated layout needs a lot of calculation while flipping and the processor on the mobile device is not powerful enough for this. I keep looking for the solution to handle this nicely.