jquery-countdown icon indicating copy to clipboard operation
jquery-countdown copied to clipboard

ZOOM IN and OUT IE 9

Open aresn opened this issue 13 years ago • 3 comments

load index.html , try to zoom in and out in IE 9 (press ctrl and scroll up or down) or the latest chrome. the digits disappear. you can not replicate this problem with firefox or when running IE 9 in compatible mode. also the test.html doesn't have this problem because it doesnt have

aresn avatar Nov 14 '11 13:11 aresn

I've been meaning to change the index.html file in the project for a while as its doesn't really serve any purpose now (other than confuse people). Thanks for reporting the issue.

pfarmer avatar Nov 17 '11 20:11 pfarmer

well changing the index.html wont help. the problem lies somewhere in the java code. Having the DOCTYPE declaration is something standard and necessary in some cases. It seems that when we zoom in or out with IE9 or Chrome, the timer image doesn't scale well. To be honest I haven't figured it out yet :( I like this timer, the code is simple and tiny and it's beautiful, but I wont be able to use it like this.

aresn avatar Nov 17 '11 21:11 aresn

So i did some research and I think I know why when you zoom-in in IE9 or Chrome, the timer messes up. take a look at this article talking about sub pixel renderinghttp://msdn.microsoft.com/en-us/library/hh237264%28v=vs.85%29.aspx#using_spp_on_your_site . In this timer we assume the margin is an integer number and we always move it by 1 pixel that's why if we zoom in or out with ie9 the timer can't handel it.

aresn avatar Nov 18 '11 20:11 aresn