IE8 scrolling is jerky and/or freezes the page - internet-explorer-8

Appears to be a well-documented issue with IE8 (http://www.google.com/support/forum/p/sites/thread?tid=7cbcfc2e558f909b&hl=en) but a client of mine is giving me a tough time over this. I'm on Mac but have tested on Windows XP/IE8 and can't even replicate the issue, nevermind fix it.
Also, I'm not really "fixing" anything since there's nothing wrong with the website – just IE8.
Anyway, has anyone come across similar issues before? Any help for me much appreciated.

I’m having the same issue with IE8 on Windows XP.
Here was my code for an animate scroll with jQuery :
$('html, body').animate({
scrollTop: offset
});
The browser froze for what seemed the animation duration, so I changed my code for IE8 with :
$('html').scrollTop(offset);
But with the same freezing. I eventually disabled it entirely on IE8 (but if it was possible on my current work, it may not be an option in future ones…)

I don't know why this works but Tools > Internet Options > Accessibility - unchecking the box "reset text size to medium for new windows and tabs" totally fixed the problem for me in ie 11 running Windows 8.1 on a laptop.

Related

Chrome's emulate touch screen circle not visible

I have a strange issue whit my emulate touch functionality on Google Chrome version 49.0.2623.110 m.
I'm using laptop + monitor (both Dell) and running Windows 8.
The issue is that while Chrome is on my secondary monitor and touch screen emulation is enabled I cannot see a touch screen pointer (black circle) nor any kind of pointer, but when I move my Chrome to my main laptop display it would show. I tried disabling laptop display while using external monitor and it is the same, I cannot see the pointer. This was not a problem with previous Chrome version.
Did anyone had similar issues with this version?
Thank you
EDIT:
I've change the laptop, updated to win10 and updated Chrome to 50.0.2661.87 m version and I still have the same issue (colleague of mine has the same problem as well).
A colleague of mine "solved" the problem by enabling Windows' Mouse pointer trails at minimum length. I find it too annoying to work with the setting enable, but it does work if you really need it.
Mouse settings
They did some changes in recent version of Dev Tools and some options are now gone. Ensure you have "Mobile" or "Desktop with touch" selected, as you can see on the screenshot.

Font rendering fine on Mac, messed up on Windows

I ran into a problem with font rendering on Windows.
I'm used to a little difference in rendering between Mac and Windows, but this just made my mouth fall open. I tested the site thoroughly on Mac and I'm positive it looks just fine in Chrome, Firefox and Safari.
It looks like this on Mac browsers:
On Windows, it looks completely messed up in any browser (I tested Chrome, Firefox and IE):
I know Mac has Iowan Old Style installed by default, so I tried forcing the Mac browsers to use the webfont I generated using FontSquirrel, but that doesn't reproduce the problem on Mac.
Both browsers seem to load the same font (namely the woff version) correctly. Does anybody have any idea what this could be?
I can't post the link to the website because I don't have enough reputation, please look at the screenshots for the URL..
Thanks guys!
After some more research I found out the original (ttf) font worked perfectly fine on Windows, so it had to be FontSquirrel that caused the problems. I tried out 8 different types of settings on FontSquirrel and kept having the same issues.
After a while I decided to try a different generator and I came across Fontie: https://fontie.flowyapps.com/home
This actually solved the problem for me!

#font-face fonts unloading when switching applications/tabs

Generally speaking my font works fine but I'm seeing on odd occasions such as switching back to the browser from another application and sometimes when switching back from another tabs that my font seems to have unloaded and is using the fallback font.
I'm struggling to consistently replicate this and when I have seen it there are no errors.
I have also seen this happen in Chrome and Firefox on windows and osx and at a bit of a loss as to how this can be happening.
I haven't seen this issue in Firefox personally, but it is a known bug in Chrome.
https://code.google.com/p/chromium/issues/detail?id=336170

Why doesn't this button work in Firefox on Mac?

I'm hoping someone out there can tell me what's causing the "Continue" button to fail on Firefox with Mac. It's a simple form with a button to select one's country. I'm with a non-profit trying to raise funds for end-of-year giving to help save animals and this page works on "most" browsers: Windows FF, IE, older IE, Chrome, and Mac Safari and Chrome. However, it seems to fail completely on FF on Mac and I don't know why.
The code is all there in the page: www.ifaw.org/united-states/holiday-gift
I'm guessing that the problem is that FF in Mac isn't running the onclick="selectTheRightCountry();" routine. But Javascript is on, so I'm not sure why it doesn't work.
I'm afraid most of my web designing is based on Windows and I'm not a guru in cross-browser Javascript, so I'm not sure what the best way to fix this would be.
Thank you for any help!
This seems to be limited to older versions of Firefox on Mac. Would still be interested to know what caused it if anyone knows, but it's not a huge deal anymore. Thank you!

css target chrome on windows

Is there anyway to target chrome on windows? I'm looking to do this because of the difference in border-radius rendering. Chrome on osx seems to work fine, only problematic in Chrome on Windows. Thanks.
If you really, really have to do this, I recommend this CSS Browser Selector script:
http://rafael.adm.br/css_browser_selector/
Of course, you'll have to update your site when the browser issue gets fixed. :p

Resources