Regression Bugs in Safari 1.3

Dave Hyatt is asking for regressions discovered when migrating from Safari 1.2 to Safari 1.3 (part of the 10.3.9 update). I’m posting this entry to do my part, as I have noticed a few bugs in the rendering engine that I really hope get cleared up sooner rather than later. I also appreciate that one of the lead developers of my fave/default browser is allowing us lowly web designer types an open forum for discussion and discovery of said bugs. That’s an opportunity I intend to take, and thank him profusely for.

I apologize, Dave, ahead of time that this is a pretty non-technical post. While I’m able to hand-code my own CSS/XHTML without reference tables or constant checks on the W3C site (or much anywhere else), I haven’t had the time to go through and figure out exactly why each of the bugs are occurring, nor have I bothered to find a temporary fix just yet. I just discovered these today, in fact.

On RevMitcz.com (my design and coding work), in the Design section - the tabs are being displayed top-to-bottom. An example is shown below. The first one is rendered via FireFox 1.03, the second one is Safari 1.3.

On VividCash.com (also designed/coded by me), on the front page, the “login now” button overlaps the username login field. Examples again - FF 1.03 on top, Safari 1.3 on bottom :

Those are the only two I’ve found thus far. I’m very pleased that Safari finally allows the usage of a mouse scroll wheel in overflow:auto (and overflow:scroll) boxes. One step closer to the death of the iFrame. Also, I’m very pleased with the speed of rendering sites, and their faster display times.

I’ve also discovered that Safari 1.3 will properly put DHTML/XHTML/CSS dropdown menus over overflow:auto/scroll content, whereas it would not before (Safari 1.2 and earlier). Unfortunately, it still doesn’t overlap an iFrame, but we’re getting closer. To see this bug in action using any version of Safari, load up this page and try to select any of the items under “Personal”, which are dropping into the iFrame below. On other browsers, it’ll work fine - but not in Safari. The solution I’ve used in the interim is to allow top-level menu clicks to hide the bottom div’s content, so the menus can be used for navigation while the content is hidden. Try it out and see. If you’re using Safari 1.2 or earlier, you’ll have that dropdown issue on any of the pages where a menu drops over an overflow:auto/scroll div.

If you enjoyed this post, please consider leaving a comment or subscribe to the feed and get future articles delivered to your feed reader.