Freaky Flash
-
I have produced a web application for a customer; a map function that views their car dealers. The application is hosted on our server, and the customer puts it in an iframe on their site. They reported a bug that really had me puzzled; they wanted tooltips on some icons in the list of dealers, but I had already put tooltips on them. We browsed to their site, and saw that the tooltips really worked badly. Sometimes they did show, sometimes not, it seamed mostly random. First I thought that it was Internet Explorer that was acting up (as usual...), and thought that I would have to do a lot of random changing of seamingly irrelevant css properties until it would start working. Mostly out of pure luck I did find the real reason for the bug though. I browsed to their site using Firefox, which has the FlashBlock plugin installed. It revealed that they had placed an invisible (missing?) flash animation partly on top of the iframe. It covered the right side of the dealer list, where the icons were. When you managed to point on the few pixels of an icon that was not covered by the flash, the tooltip works, but most of the icon was behind the flash. They also wanted the button for the search form moved to the right edge of the form. I won't move it until they have removed the flash, though, as that would place the button behind the flash, thus making it impossible to click on the button...
--- b { font-weight: normal; }