I have designed a complete JS page with option boxes using draggable windows. I am using a google map API in the page and also a custom slider bar for a specific purpose.
However, I just found out that it's buggy in IE7. And considering roughly 30% of users use IE7 now, that's quite fatal.
For a simple draggable window example, I'll use Richard Oniell's example (which is where I learned this script):
http://richardoneill.com.au/misc/jswindow.html
If you are using a zoom other than 100% on IE7 and you drag the window. Once you let go, all the text returns to where it used to be. This leaves the window blank if it is moved far. It readjusts the text once you change the zoom again. In my example, I also have checkboxes and images in the window, those elements will stay with the window. Only the text return (to the wrong location)
As for the slider bar:
http://wiki.script.aculo.us/scriptaculous/show/SliderDemo
You'll notice that the tick marks are virtually at the location where it would be at 100% zoom, even though the graphics may be non-100% zoom. Only way to fix this on the user end is to return to 100% zoom.
Workspace and libraries used:
Windows XP Pro
IE7 build 7.0.5730.11 (latest official version)
Scriptaculous v1.7.0
Prototype JavaScript framework v1.5.0
I think this is a major problem for any designer out there using these libraries due to the amount of people using IE7.
For me, it would take roughly 2 weeks to redesign my page just for this bug. But considering that this is a summer job for me, and I might be leaving soon, along with the fact that the site still requires a few features and bug fixes, this is not a good thing.
